Browse Source

Used the mixin to manage the rounded corners in the dropdown panel and the split button.

Aleksander Nowodzinski 7 years ago
parent
commit
ec1b72cc76

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

@@ -56,11 +56,11 @@
 	@mixin ck-rounded-corners;
 	@mixin ck-drop-shadow;
 
-	@nest .ck-dropdown & {
-		/* Disabled radius of top-left border to be consistent with .dropdown__button */
+	/* Disabled radius of top-left border to be consistent with .dropdown__button */
+	@mixin ck-rounded-corners {
 		border-top-left-radius: 0;
 	}
-	
+
 	background: var(--ck-color-dropdown-panel-background);
 	border: 1px solid var(--ck-color-dropdown-panel-border);
 	bottom: 0;

+ 7 - 5
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/splitbutton.css

@@ -52,12 +52,14 @@
 	/* Don't round the bottom left and right corners of the buttons when "open"
 	https://github.com/ckeditor/ckeditor5/issues/816 */
 	&.ck-splitbutton_open {
-		& > .ck-splitbutton__action {
-			border-bottom-left-radius: 0;
-		}
+		@mixin ck-rounded-corners {
+			& > .ck-splitbutton__action {
+				border-bottom-left-radius: 0;
+			}
 
-		& > .ck-splitbutton__arrow {
-			border-bottom-right-radius: 0;
+			& > .ck-splitbutton__arrow {
+				border-bottom-right-radius: 0;
+			}
 		}
 	}
 }