hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mirrored rotation of comment actions in rtl

Browse Source
This commit is contained in:
daudix
2024-09-20 00:06:14 +03:00
parent bd572912bd
commit 2f35e91252
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Improve disabled checkbox/radio styling. - Improve disabled checkbox/radio styling.
- Increased hover scale of aside images. - 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. - Scale up the blurred article banner in article list on hover.
- Simplify prev/next post nav styles. - Simplify prev/next post nav styles.
- Use decimals instead of percents (again). - Use decimals instead of percents (again).

12
sass/_comments.scss
View File

@ -298,11 +298,19 @@
.icon { .icon {
transform: rotate(180deg); transform: rotate(180deg);
:root[dir*="rtl"] & {
transform: scaleX(-1) rotate(180deg);
}
} }
} }
.icon { .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"); 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 { .icon {
transform: rotate(72deg); transform: rotate(72deg);
:root[dir*="rtl"] & {
transform: rotate(-72deg);
}
} }
} }