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

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

View file

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