From 57f72ebc32df83beaa9667e9569602570a0ac15a Mon Sep 17 00:00:00 2001 From: Opal Mizrahi Date: Thu, 25 Mar 2021 23:52:10 +0200 Subject: [PATCH 01/10] fix rtl headers --- client/themes/default/scss/app.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss index f49873b0..f0a80a06 100644 --- a/client/themes/default/scss/app.scss +++ b/client/themes/default/scss/app.scss @@ -158,6 +158,10 @@ width: 100%; height: 1px; background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 90%); + + @at-root .is-rtl & { + background: linear-gradient(to left, mc('grey', '500'), rgba(mc('grey', '500'), 0) 90%); + } } } h4, h5, h6 { @@ -178,16 +182,28 @@ width: 100%; height: 1px; background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 70%); + + @at-root .is-rtl & { + background: linear-gradient(to left, mc('grey', '500'), rgba(mc('grey', '500'), 0) 70%); + } } } h5 { &::after { background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 50%); + + @at-root .is-rtl & { + background: linear-gradient(to left, mc('grey', '500'), rgba(mc('grey', '500'), 0) 50%); + } } } h6 { &::after { background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 30%); + + @at-root .is-rtl & { + background: linear-gradient(to left, mc('grey', '500'), rgba(mc('grey', '500'), 0) 30%); + } } } From e6e9ebd29a92af200ecc823e5163e144256fb968 Mon Sep 17 00:00:00 2001 From: Opal Mizrahi Date: Fri, 26 Mar 2021 00:35:32 +0200 Subject: [PATCH 02/10] fix rtl comments actions --- client/components/comments.vue | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/client/components/comments.vue b/client/components/comments.vue index 4091c902..2513b88a 100644 --- a/client/components/comments.vue +++ b/client/components/comments.vue @@ -514,6 +514,11 @@ export default { right: 16px; opacity: 0; transition: opacity .4s ease; + + @at-root .is-rtl & { + right: unset; + left: 16px; + } } &-content { From 6130776d80bed31af18f4e8804a7fc76fcd00a7c Mon Sep 17 00:00:00 2001 From: Opal Mizrahi Date: Fri, 26 Mar 2021 01:21:10 +0200 Subject: [PATCH 03/10] also make editor knowledgeable of rtl (fixes multiple issues) --- client/components/editor.vue | 2 +- package-lock.json | 27525 +++++++++++++++++++++++++++++++++ 2 files changed, 27526 insertions(+), 1 deletion(-) create mode 100644 package-lock.json diff --git a/client/components/editor.vue b/client/components/editor.vue index 15311e9b..4051d4c7 100644 --- a/client/components/editor.vue +++ b/client/components/editor.vue @@ -1,5 +1,5 @@