Browse Source

Internal: Fixed broken split button styles after RTL integration. Closes #241.

Aleksander Nowodzinski 6 years ago
parent
commit
76b954d2db

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

@@ -12,16 +12,16 @@
 
 .ck.ck-splitbutton {
 	/*
-	 * Note: ck-rounder and ck-dir mixins don't go together (because they both use @nest).
+	 * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest).
 	 */
 	& > .ck-splitbutton__action {
-		@nest [dir="ltr"].ck-rounder-corners & {
+		@nest .ck-rounded-corners[dir="ltr"] & {
 			/* Don't round the action button on the right side */
 			border-top-right-radius: unset;
 			border-bottom-right-radius: unset;
 		}
 
-		@nest [dir="rtl"].ck-rounded-corners & {
+		@nest .ck-rounded-corners[dir="rtl"] & {
 			/* Don't round the action button on the left side */
 			border-top-left-radius: unset;
 			border-bottom-left-radius: unset;
@@ -33,7 +33,7 @@
 		it must get some arbitrary min-width. */
 		min-width: unset;
 
-		@nest [dir="ltr"].ck-rounder-corners & {
+		@nest .ck-rounded-corners[dir="ltr"] & {
 			/* Don't round the arrow button on the left side */
 			@mixin ck-rounded-corners {
 				border-top-left-radius: unset;
@@ -41,7 +41,7 @@
 			}
 		}
 
-		@nest [dir="rtl"].ck-rounded-corners & {
+		@nest .ck-rounded-corners[dir="rtl"] & {
 			/* Don't round the arrow button on the right side */
 			border-top-right-radius: unset;
 			border-bottom-right-radius: unset;
@@ -62,13 +62,13 @@
 			background: var(--ck-color-split-button-hover-background);
 		}
 
-		@nest [dir="ltr"].ck-rounder-corners & {
+		@nest .ck-rounded-corners[dir="ltr"] & {
 			& > .ck-splitbutton__arrow:not(.ck-disabled) {
 				border-left-color: var(--ck-color-split-button-hover-border);
 			}
 		}
 
-		@nest [dir="rtl"].ck-rounded-corners & {
+		@nest .ck-rounded-corners[dir="rtl"] & {
 			& > .ck-splitbutton__arrow:not(.ck-disabled) {
 				border-right-color: var(--ck-color-split-button-hover-border);
 			}