浏览代码

Updated toolbar styles to consider items grouping in a decoupled editor.

Aleksander Nowodzinski 6 年之前
父节点
当前提交
be2717f3ed
共有 1 个文件被更改,包括 22 次插入12 次删除
  1. 22 12
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css

+ 22 - 12
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css

@@ -71,18 +71,6 @@
 		margin-bottom: var(--ck-spacing-small);
 	}
 
-	@mixin ck-dir ltr {
-		& > .ck.ck-toolbar__grouped-dropdown {
-			padding-left: var(--ck-spacing-small);
-		}
-	}
-
-	@mixin ck-dir rtl {
-		& > .ck.ck-toolbar__grouped-dropdown {
-			padding-right: var(--ck-spacing-small);
-		}
-	}
-
 	& .ck.ck-toolbar__separator {
 		align-self: stretch;
 		width: 1px;
@@ -96,3 +84,25 @@
 		border: 0;
 	}
 }
+
+/*
+ * 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"] {
+	& > .ck.ck-toolbar__grouped-dropdown {
+		padding-left: var(--ck-spacing-small);
+	}
+}
+
+/*
+ * 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"] {
+	& > .ck.ck-toolbar__grouped-dropdown {
+		padding-right: var(--ck-spacing-small);
+	}
+}