|
|
@@ -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%;
|