From c6305b9817db153b5d0f5585de79b72a53de3ea3 Mon Sep 17 00:00:00 2001 From: Plastikmensch Date: Tue, 25 Apr 2023 20:33:27 +0200 Subject: [PATCH] Fix small mistakes in RTL layout (#2182) Borders in blockquotes in reply-indicator weren't colored properly. avatar margin when viewing edited toots dropdown was applied to wrong side. Conversations had padding applied to the wrong side. Padding for notifcation cleaner checkboxes was applied to wrong side. Signed-off-by: Plastikmensch --- app/javascript/flavours/glitch/styles/components/misc.scss | 4 ++-- app/javascript/flavours/glitch/styles/components/status.scss | 2 +- app/javascript/flavours/glitch/styles/rich_text.scss | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/app/javascript/flavours/glitch/styles/components/misc.scss b/app/javascript/flavours/glitch/styles/components/misc.scss index 6275001156..f419144648 100644 --- a/app/javascript/flavours/glitch/styles/components/misc.scss +++ b/app/javascript/flavours/glitch/styles/components/misc.scss @@ -738,7 +738,7 @@ body > [data-popper-placement] { vertical-align: top; .account__avatar { - margin-right: 5px; + margin-inline-end: 5px; border-radius: 50%; } @@ -1699,7 +1699,7 @@ button.icon-button.active i.fa-retweet { &__content { flex: 1 1 auto; padding: 10px 5px; - padding-right: 15px; + padding-inline-end: 15px; overflow: hidden; &__info { diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index 5aca096910..a1f3a2dacc 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -177,7 +177,7 @@ .status, .notification-follow, .notification-follow-request { - padding-right: ($dismiss-overlay-width + 0.5rem); + padding-inline-end: ($dismiss-overlay-width + 0.5rem); } } diff --git a/app/javascript/flavours/glitch/styles/rich_text.scss b/app/javascript/flavours/glitch/styles/rich_text.scss index 5ea3ca7f84..6224302ee3 100644 --- a/app/javascript/flavours/glitch/styles/rich_text.scss +++ b/app/javascript/flavours/glitch/styles/rich_text.scss @@ -93,7 +93,7 @@ .reply-indicator__content { blockquote { - border-left-color: $inverted-text-color; + border-inline-start-color: $inverted-text-color; color: $inverted-text-color; } }