瀏覽代碼

Fixed border-radius of active dropdown button & dropdown panel.

Damian Konopka 7 年之前
父節點
當前提交
8751b34924
共有 1 個文件被更改,包括 11 次插入3 次删除
  1. 11 3
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/dropdown.css

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

@@ -38,6 +38,11 @@
 			@mixin ck-disabled;
 		}
 
+		&.ck-on {
+			border-bottom-left-radius: 0;
+			border-bottom-right-radius: 0;
+		}
+
 		/* #23 */
 		& .ck-button__label {
 			width: 7em;
@@ -51,11 +56,14 @@
 	@mixin ck-rounded-corners;
 	@mixin ck-drop-shadow;
 
+	@nest .ck-dropdown & {
+		/* Disabled radius of top-left border to be consistent with .dropdown__button */
+		border-top-left-radius: 0;
+	}
+
 	background: var(--ck-color-dropdown-panel-background);
 	border: 1px solid var(--ck-color-dropdown-panel-border);
-
-	/* Compensate double border from button and from box when positioned below the button. */
-	bottom: 1px;
+	bottom: 0;
 
 	/* Make sure the panel is at least as wide as the dropdown's button. */
 	min-width: 100%;