|
|
@@ -8,15 +8,25 @@
|
|
|
.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);
|
|
|
|
|
|
- /* Allow wrapping toolbar items to the new line. */
|
|
|
- white-space: initial;
|
|
|
-
|
|
|
- /* (#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 {
|
|
|
+ & > * {
|
|
|
+ /* Items in a vertical toolbar should have no horizontal margin */
|
|
|
+ margin-right: 0;
|
|
|
+
|
|
|
+ /* Items in a vertical toolbar should span the horizontal space */
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
& > *:last-child {
|
|
|
@@ -28,13 +38,6 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.ck-toolbar_floating {
|
|
|
- /* Disallow wrapping toolbar items to the new line when the toolbar is floating,
|
|
|
- resulting in an toolbar shapes when the horizontal space is limited.
|
|
|
- https://github.com/ckeditor/ckeditor5-theme-lark/issues/93 */
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
.ck-toolbar__separator {
|
|
|
width: 1px;
|
|
|
height: calc(1em + 2 * var(--ck-spacing-medium));
|
|
|
@@ -43,5 +46,5 @@
|
|
|
}
|
|
|
|
|
|
.ck-toolbar__newline {
|
|
|
- height: var(--ck-spacing-small);
|
|
|
+ margin: 0;
|
|
|
}
|