mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

RTL: Small item tree tag display fixes (#4576)
Some checks are pending
CI / Build, Upload, Test (push) Waiting to run
Details

Browse source
This commit is contained in:
Abe Jellinek 2024-08-16 00:10:52 -06:00 committed by GitHub
parent 0f866d6d33
commit 1f26b64519
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
scss/components/_item-tree.scss
View file

@ -102,28 +102,23 @@
}
.colored-tag-swatches {
direction: ltr;
display: flex;
:root:-moz-locale-dir(rtl) & {
transform: scaleX(-1);
flex-direction: row-reverse;
}
}
.icon-item-type + .tag-swatch,
.icon-item-type + .colored-tag-swatches {
margin-left: 4px;
margin-inline-start: 4px;
}
.emoji + .emoji,
.emoji + .colored-tag-swatches,
.colored-tag-swatches + .emoji {
margin-left: 4px;
:root:-moz-locale-dir(rtl) & {
margin-left: 0;
margin-right: 4px;
}
margin-inline-start: 4px;
}
.tag-swatch {
@ -156,6 +151,7 @@
background:
url("chrome://zotero/skin/tag-crescent.svg") no-repeat center/100%,
url("chrome://zotero/skin/tag-crescent-border.svg") no-repeat center/0;
// RTL: Parent is flipped, so margin can always be on logical left
margin-left: -0.38461538em;
@include focus-states using($color) {