Browse Source

Added vertical gap between rows of a toolbar with wrapped items.

Aleksander Nowodzinski 8 years ago
parent
commit
03cbfe9aa9

+ 1 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/buttondropdown.css

@@ -10,5 +10,6 @@
 	& .ck-button {
 		border-radius: 0;
 		border: 0;
+		margin: 0;
 	}
 }

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

@@ -8,12 +8,15 @@
 .ck-toolbar {
 	@mixin ck-rounded-corners;
 
-	padding: var(--ck-spacing-small);
+	padding: 0 var(--ck-spacing-small) var(--ck-spacing-small);
 	border: 1px solid var(--ck-color-toolbar-border);
 
-	/* (#11) Separate toolbar items. */
 	& > * {
+		/* (#11) Separate toolbar items. */
 		margin-right: var(--ck-spacing-small);
+
+		/* Make sure items wrapped to the next line have v-spacing */
+		margin-top: var(--ck-spacing-small);
 	}
 
 	&.ck-toolbar_vertical {
@@ -43,5 +46,5 @@
 }
 
 .ck-toolbar__newline {
-	height: var(--ck-spacing-small);
+	margin: 0;
 }