浏览代码

Internal: Corrected styles order.

Marek Lewandowski 6 年之前
父节点
当前提交
6a3eac902e
共有 1 个文件被更改,包括 16 次插入17 次删除
  1. 16 17
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css

+ 16 - 17
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css

@@ -79,21 +79,27 @@
  * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
  * because its parent is not controlled by the editor framework.
  */
-[dir="ltr"] .ck.ck-toolbar,
-.ck.ck-toolbar[dir="ltr"] {
+[dir="rtl"] .ck.ck-toolbar,
+.ck.ck-toolbar[dir="rtl"] {
 	& > .ck.ck-toolbar__grouped-dropdown {
-		padding-left: var(--ck-spacing-small);
+		padding-right: var(--ck-spacing-small);
 	}
 
 	& > .ck.ck-toolbar__items {
-		& > *:last-child {
+		& > * {
+			/* (#11) Separate toolbar items. */
+			margin-left: var(--ck-spacing-small);
 			margin-right: 0;
 		}
+
+		& > *:last-child {
+			margin-left: 0;
+		}
 	}
 
 	/* Some spacing between the items and the separator before the grouped items dropdown. */
 	&.ck-toolbar_grouping > .ck-toolbar__items {
-		margin-right: var(--ck-spacing-small);
+		margin-left: var(--ck-spacing-small);
 	}
 }
 
@@ -101,27 +107,20 @@
  * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir"
  * because its parent is not controlled by the editor framework.
  */
-[dir="rtl"] .ck.ck-toolbar,
-.ck.ck-toolbar[dir="rtl"] {
+[dir="ltr"] .ck.ck-toolbar,
+.ck.ck-toolbar[dir="ltr"] {
 	& > .ck.ck-toolbar__grouped-dropdown {
-		padding-right: var(--ck-spacing-small);
+		padding-left: var(--ck-spacing-small);
 	}
 
 	& > .ck.ck-toolbar__items {
-		/* stylelint-disable-next-line no-descending-specificity */
-		& > * {
-			/* (#11) Separate toolbar items. */
-			margin-left: var(--ck-spacing-small);
-			margin-right: 0;
-		}
-
 		& > *:last-child {
-			margin-left: 0;
+			margin-right: 0;
 		}
 	}
 
 	/* Some spacing between the items and the separator before the grouped items dropdown. */
 	&.ck-toolbar_grouping > .ck-toolbar__items {
-		margin-left: var(--ck-spacing-small);
+		margin-right: var(--ck-spacing-small);
 	}
 }