RTL: Small item tree tag display fixes (#4576)
Some checks are pending
CI / Build, Upload, Test (push) Waiting to run
Some checks are pending
CI / Build, Upload, Test (push) Waiting to run
This commit is contained in:
parent
0f866d6d33
commit
1f26b64519
1 changed files with 4 additions and 8 deletions
|
@ -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) {
|
||||||
|
|
Loading…
Reference in a new issue