From 2f35e91252baeef3744554335dc5a1ab2a1e1e1b Mon Sep 17 00:00:00 2001 From: daudix Date: Fri, 20 Sep 2024 00:06:14 +0300 Subject: [PATCH] Mirrored rotation of comment actions in rtl --- CHANGELOG.md | 1 + sass/_comments.scss | 12 ++++++++++++ 2 files changed, 13 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 68be77c..4294a53 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Improve disabled checkbox/radio styling. - Increased hover scale of aside images. +- Rotate comment actions to the obbosite direction for RTL languages. - Scale up the blurred article banner in article list on hover. - Simplify prev/next post nav styles. - Use decimals instead of percents (again). diff --git a/sass/_comments.scss b/sass/_comments.scss index 7ce2f8e..64da57e 100644 --- a/sass/_comments.scss +++ b/sass/_comments.scss @@ -298,11 +298,19 @@ .icon { transform: rotate(180deg); + + :root[dir*="rtl"] & { + transform: scaleX(-1) rotate(180deg); + } } } .icon { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 1v2H4C1.8 3 0 4.8 0 7v2a4 4 0 0 0 1.02 2.672 1 1 0 1 0 1.488-1.336A1.97 1.97 0 0 1 2 9V7c0-1.125.875-2 2-2h4v2h1v-.008a1 1 0 0 0 .707-.285l2-2a1 1 0 0 0 0-1.414l-2-2A1 1 0 0 0 9 1.008V1zm6.29 3a1 1 0 0 0-.72.258.993.993 0 0 0-.078 1.41c.317.355.508.816.508 1.34v2c0 1.125-.875 2-2 2H8V9H7v.008a1 1 0 0 0-.707.285l-2 2a1 1 0 0 0 0 1.414l2 2c.187.184.441.29.707.285V15h1v-1.992h4c2.2 0 4-1.805 4-4v-2a4 4 0 0 0-1.02-2.676A1 1 0 0 0 14.29 4m0 0'/%3E%3C/svg%3E"); + + :root[dir*="rtl"] & { + transform: scaleX(-1); + } } } @@ -314,6 +322,10 @@ .icon { transform: rotate(72deg); + + :root[dir*="rtl"] & { + transform: rotate(-72deg); + } } }