8
0
Просмотр исходного кода

Add support to RTL in colorinput

panr 5 лет назад
Родитель
Сommit
4c1e49248a
1 измененных файлов с 22 добавлено и 5 удалено
  1. 22 5
      packages/ckeditor5-theme-lark/theme/ckeditor5-table/colorinput.css

+ 22 - 5
packages/ckeditor5-theme-lark/theme/ckeditor5-table/colorinput.css

@@ -3,21 +3,38 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
  */
 
 
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
 @import "../mixins/_rounded.css";
 @import "../mixins/_rounded.css";
 
 
 .ck.ck-input-color {
 .ck.ck-input-color {
 	& > .ck.ck-input-text {
 	& > .ck.ck-input-text {
-		border-top-right-radius: 0;
-		border-bottom-right-radius: 0;
+		@mixin ck-dir ltr {
+			border-top-right-radius: 0;
+			border-bottom-right-radius: 0;
+		}
+
+		@mixin ck-dir rtl {
+			border-top-left-radius: 0;
+			border-bottom-left-radius: 0;
+		}
 	}
 	}
 
 
 	& > .ck.ck-dropdown {
 	& > .ck.ck-dropdown {
 		& > .ck.ck-input-color__button {
 		& > .ck.ck-input-color__button {
-			border-top-left-radius: 0;
-			border-bottom-left-radius: 0;
-			margin-left: -1px;
 			padding: 0;
 			padding: 0;
 
 
+			@mixin ck-dir ltr {
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+				margin-left: -1px;
+			}
+
+			@mixin ck-dir rtl {
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+				margin-right: -1px;
+			}
+
 			&.ck-disabled {
 			&.ck-disabled {
 				background: var(--ck-color-input-disabled-background);
 				background: var(--ck-color-input-disabled-background);
 			}
 			}