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

RTL: Flip search icons

Browse source
This commit is contained in:
Abe Jellinek 2024-01-10 11:34:36 -05:00 committed by Dan Stillman
parent 9a5a8cf107
commit 761c8a1bd4
2 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
scss/components/_search.scss
View file

@ -65,8 +65,13 @@ search-textbox {
:is(search-textbox)::part(search-icon) { :is(search-textbox)::part(search-icon) {
@include svgicon-menu("magnifier", "universal", "16"); @include svgicon-menu("magnifier", "universal", "16");
color: var(--fill-secondary); color: var(--fill-secondary);
// inline-end: 2px padding + 8px dropmarker width + 4px padding + 6px padding // right: 2px padding + 8px dropmarker width + 4px padding + 6px padding
padding-inline: 6px 4px; // Use explicit left/right padding here because this element is flipped in RTL (see below)
padding-block: 6px; padding: 6px 4px 6px 6px;
margin: 0; margin: 0;
} }
:is(search-textbox):-moz-locale-dir(rtl)::part(search-sign),
:is(search-textbox):-moz-locale-dir(rtl)::part(search-icon) {
transform: scaleX(-1);
}

6
scss/elements/_quickSearchTextbox.scss
View file

@ -14,9 +14,9 @@ quick-search-textbox {
:is(search-textbox)::part(search-icon) { :is(search-textbox)::part(search-icon) {
@include svgicon-menu("magnifier", "universal", "16"); @include svgicon-menu("magnifier", "universal", "16");
color: var(--fill-secondary); color: var(--fill-secondary);
// inline-end: 2px padding + 8px dropmarker width + 4px padding + 6px padding // right: 2px padding + 8px dropmarker width + 4px padding + 6px padding
padding-inline: 6px 14px; // Use explicit left/right padding here because this element is flipped in RTL (see _search.scss)
padding-block: 6px; padding: 6px 14px 6px 6px;
margin: 0; margin: 0;
} }
} }