Internal: Fixed broken split button styles after RTL integration. Clo…

…ses #241.
ckeditor · Aug 12, 2019 · 26b42f7 · 26b42f7
2 parents 70aa1a5 + da1dd92
commit 26b42f7
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/theme/ckeditor5-ui/components/dropdown/splitbutton.css b/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,15 +33,15 @@
 		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;
 				border-bottom-left-radius: unset;
 			}
 		}
 
-		@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);
 			}