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 627500115..f41914464 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 5aca09691..a1f3a2dac 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 5ea3ca7f8..6224302ee 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; } }