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

5
scss/components/_toolbar.scss
View file

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