fix channel setting buttons alignment in RTL

RocketChat · Sep 23, 2017 · ce0bee5 · ce0bee5
1 parent e5515d7
commit ce0bee5
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/packages/rocketchat-channel-settings/client/stylesheets/channel-settings.css b/packages/rocketchat-channel-settings/client/stylesheets/channel-settings.css
@@ -1,3 +1,19 @@
+html.rtl .flex-tab {
+  direction: rtl;
+
+  & .channel-settings {
+	& .editing {
+	  padding-right: 8px;
+	  padding-left: 80px;
+	}
+	& .buttons {
+	  right: auto;
+	  left: 1px;
+	  border-radius: 4px 0 0 4px;
+	}
+  }
+}
+
 .flex-tab {
 	& .channel-settings {
 		& ul {
@@ -36,7 +52,6 @@
 		& .editing {
 			margin: -2px 0 -1px -9px;
 			padding-right: 80px;
-
 			font-size: 14px;
 		}