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

RTL: Apply Quick Search fixes to other search fields

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

18
scss/components/_search.scss
View file

@ -27,11 +27,13 @@
.search-cancel-button { .search-cancel-button {
position: absolute; position: absolute;
right: 0px; inset-inline-end: 0;
width: 14px; width: 14px;
height: 14px; height: 14px;
padding: 5px 8px 5px 5px; padding-inline: 5px 8px;
margin: 6px 4px 6px 0px; padding-block: 5px;
margin-inline: 0 4px;
margin-block: 6px;
cursor: default; cursor: default;
background: url(resource://gre-resources/searchfield-cancel.svg) no-repeat center/contain; background: url(resource://gre-resources/searchfield-cancel.svg) no-repeat center/contain;
background-size: unset; background-size: unset;
@ -44,7 +46,8 @@ search-textbox {
border-radius: 5px; border-radius: 5px;
border: var(--material-border-quinary); border: var(--material-border-quinary);
color: var(--fill-primary); color: var(--fill-primary);
padding: 0px 6px 0px 0px; padding: 0;
padding-inline-end: 6px;
&::placeholder { &::placeholder {
color: var(--fill-tertiary); color: var(--fill-tertiary);
@ -62,7 +65,8 @@ 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);
// right: 2px padding + 8px dropmarker width + 4px padding + 6px padding // inline-end: 2px padding + 8px dropmarker width + 4px padding + 6px padding
padding: 6px 4px 6px 6px; padding-inline: 6px 4px;
margin: 0px; padding-block: 6px;
margin: 0;
} }

5
scss/components/_toolbar.scss
View file

@ -87,7 +87,8 @@
#zotero-collections-search { #zotero-collections-search {
max-width: 0; max-width: 0;
transition: max-width 0.2s ease; transition: max-width 0.2s ease;
padding: 0px 6px 0px 0px; padding: 0;
padding-inline-end: 6px;
margin: 0; margin: 0;
appearance: none; appearance: none;
} }
@ -97,7 +98,7 @@
} }
#zotero-collections-search.expanding { #zotero-collections-search.expanding {
padding-right: 35px; padding-inline-end: 35px;
} }
/* Hide collection search on pane collapse, otherwise it still shows when focused */ /* Hide collection search on pane collapse, otherwise it still shows when focused */