Merge pull request #16320 from ckeditor/ck/app-menu-bar-classic-edito…

…r-separator Other (theme-lark): Added a separator (border) between the menu bar and the toolbar for the classic editor. Other (theme-lark): Toolbar separators are now shorter.
ckeditor · Jun 4, 2024 · a0e25f2 · a0e25f2
2 parents 21d73e4 + 491bb2e
commit a0e25f2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-editor-classic/classiceditor.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-editor-classic/classiceditor.css
@@ -20,7 +20,11 @@
 				border-bottom-width: 1px;
 			}
 
-			& .ck-menu-bar,
+			& .ck-menu-bar {
+				border: 0;
+				border-bottom: 1px solid var(--ck-color-base-border);
+			}
+
 			& .ck-toolbar {
 				border: 0;
 			}

diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css
@@ -14,7 +14,7 @@
 	border: 1px solid var(--ck-color-toolbar-border);
 
 	& .ck.ck-toolbar__separator {
-		align-self: stretch;
+		height: var(--ck-icon-size);
 		width: 1px;
 		min-width: 1px;
 		background: var(--ck-color-toolbar-border);