Bladeren bron

Improved the .ck-dropdown panel rendering in different positions with high border radius values.

Aleksander Nowodzinski 5 jaren geleden
bovenliggende
commit
249ec1ee9d
1 gewijzigde bestanden met toevoegingen van 18 en 6 verwijderingen
  1. 18 6
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/dropdown.css

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

@@ -81,16 +81,28 @@
 	@mixin ck-rounded-corners;
 	@mixin ck-drop-shadow;
 
-	/* Disabled radius of top-left border to be consistent with .dropdown__button
-	https://github.com/ckeditor/ckeditor5/issues/816 */
-	@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;
 
 	/* Make sure the panel is at least as wide as the drop-down's button. */
 	min-width: 100%;
+
+	/* Disabled radius of top-left border to be consistent with .dropdown__button
+	https://github.com/ckeditor/ckeditor5/issues/816 */
+	&.ck-dropdown__panel_se {
+		border-top-left-radius: 0;
+	}
+
+	&.ck-dropdown__panel_sw {
+		border-top-right-radius: 0;
+	}
+
+	&.ck-dropdown__panel_ne {
+		border-bottom-left-radius: 0;
+	}
+
+	&.ck-dropdown__panel_nw {
+		border-bottom-right-radius: 0;
+	}
 }