Merge pull request #8194 from RocketChat/more-rtl-fixes

Fix more rtl issues

packages/rocketchat-theme/client/imports/components/message-box.css

@@ -243,3 +243,9 @@
 		}
 	}
 }
+
+.rtl .rc-message-box__typing {
+	right: 0;
+
+	margin-right: 24px;
+}

packages/rocketchat-theme/client/imports/components/modal/full-modal.css

@@ -28,13 +28,15 @@
 	}
 
 	&__back-text {
-		margin-right: 0.375rem;
+		margin-right: 2px;
+
+		line-height: 22px;
 	}
 
 	&__back-icon {
-		width: 10px;
-		height: 10px;
-		stroke: currentColor;
+		transform: rotate(45deg);
+
+		font-size: 1rem;
 	}
 }
 
@@ -55,3 +57,13 @@
 		}
 	}
 }
+
+.rtl .full-modal {
+	&__back-button {
+		left: 0
+	}
+
+	&__back-text {
+		margin-left: 0.375rem;
+	}
+}

packages/rocketchat-theme/client/imports/components/sidebar/toolbar.css

@@ -107,3 +107,9 @@
 		padding: 0 calc(var(--sidebar-small-default-padding) - 8px) var(--sidebar-small-default-padding);
 	}
 }
+
+.rtl .toolbar {
+	& .rc-input__icon + .rc-input__element {
+		padding: 0.5rem 2.25rem 0.5rem 1rem;
+	}
+}

packages/rocketchat-theme/client/imports/forms/popup-list.css

@@ -43,3 +43,8 @@
 		}
 	}
 }
+
+.rtl .rc-popup-list__item-image {
+	margin-right: 0;
+	margin-left: 1rem;
+}

packages/rocketchat-theme/client/imports/general/rtl.css

@@ -1,6 +1,10 @@
 .rtl {
 	direction: rtl;
 
+	& .rc-old .page-container .content .rocket-form .submit {
+		text-align: left;
+	}
+
 	& button {
 		text-align: right;
 	}
@@ -641,18 +645,6 @@
 		}
 	}
 
-	& .first-unread .body {
-		&::before {
-			right: 20px;
-			left: 0;
-		}
-
-		&::after {
-			right: auto;
-			left: 0;
-		}
-	}
-
 	& .ticks-bar {
 		right: auto;
 		left: 2px;

packages/rocketchat-ui-message/client/messageBox.html

@@ -25,7 +25,7 @@
 					<div class="rc-message-box__icon emoji-picker-icon">
 						{{> icon block="rc-input__icon-svg" icon="emoji"}}
 					</div>
-					<textarea autofocus dir="auto" name="msg" maxlength="{{maxMessageLength}}" placeholder="{{_ 'Message'}}" rows="1" class="rc-message-box__textarea js-input-message autogrow-short"></textarea>
+					<textarea autofocus name="msg" maxlength="{{maxMessageLength}}" placeholder="{{_ 'Message'}}" rows="1" class="rc-message-box__textarea js-input-message autogrow-short"></textarea>
 					{{#unless disableSendIcon}}
 						<div class="rc-message-box__icon rc-message-box__send js-send" data-desktop>
 							{{> icon block="rc-input__icon-svg" icon="send"}}

packages/rocketchat-ui/client/views/app/fullModal.html

@@ -3,7 +3,7 @@
 		<div class="full-modal__wrapper">
 			<button class="full-modal__back-button">
 				<span class="full-modal__back-text">{{_ "Cancel"}}</span>
-				{{> icon block="full-modal__back-icon" icon="cross"}}
+				{{> icon block="full-modal__back-icon" icon="plus"}}
 			</button>
 			{{> Template.dynamic template=template}}
 		</div>