8
0
Просмотр исходного кода

Improved the visual styles of the split button when hovered or open.

Aleksander Nowodzinski 8 лет назад
Родитель
Сommit
d6ad4bcb49

+ 14 - 3
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/splitbutton.css

@@ -15,9 +15,6 @@
 	}
 
 	& > .ck-splitbutton__arrow {
-		/* Disable a double border between the button and the arrow button. */
-		border-left: 0;
-
 		/* It's a text-less button but still, it should not be square. */
 		min-width: unset;
 
@@ -31,4 +28,18 @@
 			width: var(--ck-dropdown-arrow-size);
 		}
 	}
+
+	/* When the split button is "open" (the arrow is on) or being hovered, it should get some styling
+	as a whole. The background of both buttons should stand out and there should be a visual
+	separation between both buttons. */
+	&.ck-splitbutton_open,
+	&:hover {
+		& > .ck-button:not(.ck-on):not(:hover) {
+			background: hsl(0, 0%, 92%);
+		}
+
+		& > .ck-splitbutton__arrow {
+			border-left-color: hsl(0, 0%, 70%);
+		}
+	}
 }