From 678480d4d3aca096215d05279d2a97267fe20836 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; } }