From 7e7d2681a10934e82af03fa1a0ecd94cb315bc5e Mon Sep 17 00:00:00 2001 From: Aleksander Nowodzinski Date: Thu, 19 Sep 2019 14:17:19 +0200 Subject: [PATCH] Fix: Fixed broken to-do list layout in RTL content (see ckeditor/ckeditor5-list#134). --- theme/ckeditor5-ui/components/list/list.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/theme/ckeditor5-ui/components/list/list.css b/theme/ckeditor5-ui/components/list/list.css index 755af94..dc32afb 100644 --- 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: '';