瀏覽代碼

Used a separator before the toolbar overflowed items group dropdown.

Aleksander Nowodzinski 6 年之前
父節點
當前提交
56f5a4b734
共有 1 個文件被更改,包括 10 次插入10 次删除
  1. 10 10
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css

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

@@ -45,14 +45,6 @@
 		& > *:last-child {
 			margin-right: 0;
 		}
-
-		& > .ck.ck-toolbar__separator {
-			align-self: stretch;
-			width: 1px;
-			margin-top: 0;
-			margin-bottom: 0;
-			background: var(--ck-color-toolbar-border);
-		}
 	}
 
 	& > .ck-toolbar__items > *,
@@ -62,9 +54,17 @@
 		margin-bottom: var(--ck-spacing-small);
 	}
 
-	/* Pull the grouped items dropdown to the right */
 	& > .ck.ck-toolbar__grouped-dropdown {
-		margin-left: auto;
+		padding-left: var(--ck-spacing-small);
+	}
+
+	& .ck.ck-toolbar__separator {
+		align-self: stretch;
+		width: 1px;
+		min-width: 1px;
+		margin-top: 0;
+		margin-bottom: 0;
+		background: var(--ck-color-toolbar-border);
 	}
 
 	@nest .ck-toolbar-container & {