Fix: Fixed broken to-do list layout in RTL content (see ckeditor/cked…

…itor5-list#134).
ckeditor · Sep 19, 2019 · 7e7d268 · 7e7d268
1 parent 130f4e8
commit 7e7d268
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/theme/ckeditor5-ui/components/list/list.css b/theme/ckeditor5-ui/components/list/list.css
@@ -6,6 +6,7 @@
 @import "../../../mixins/_disabled.css";
 @import "../../../mixins/_rounded.css";
 @import "../../../mixins/_shadow.css";
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
 
 :root {
 	--ck-todo-list-checkmark-size: 16px;
@@ -103,8 +104,16 @@
 	width: var(--ck-todo-list-checkmark-size);
 	height: var(--ck-todo-list-checkmark-size);
 	vertical-align: middle;
-	left: calc( var(--ck-spacing-large) * -1.5 );
-	margin-right: calc( var(--ck-spacing-large) * -1 );
+
+	@mixin ck-dir ltr {
+		left: calc( var(--ck-spacing-large) * -1.5 );
+		margin-right: calc( var(--ck-spacing-large) * -1 );
+	}
+
+	@mixin ck-dir rtl {
+		right: calc( var(--ck-spacing-large) * -1.5 );
+		margin-left: calc( var(--ck-spacing-large) * -1 );
+	}
 
 	&::before {
 		content: '';