mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions
zotero/scss/components/_search.scss

32 lines
524 B
SCSS
Raw Normal View History

Switch to Search component in tag selector and support X/Esc to clear This moves debouncing into the search component and adds cancel behavior from the XUL search textbox. For now, this uses the X button from Firefox.
2019-03-20 08:42:53 +00:00
.search {
position: relative;
Tag selector UI tweaks - Don't cut off bottom of tags on Windows - Fix appearance of search bar on Windows/Linux - Fix cancel button on Windows/Linux - Don't cut off right-hand pane of bottom bar when narrowing pane
2019-03-29 05:45:32 +00:00
min-width: 40px;
Switch to Search component in tag selector and support X/Esc to clear This moves debouncing into the search component and adds cancel behavior from the XUL search textbox. For now, this uses the X button from Firefox.
2019-03-20 08:42:53 +00:00
}
.search input {
Restyle Tag Selector * Render a colored dot for colored tags * Improve spacing and positioning, especially on 2x screens * Add scss map for tag colors in light/dark scheme * Add support for compact/comfortable in tag selector * Restyle filter box, add a placeholder and a new icon
2023-10-18 12:16:08 +00:00
background: var(--material-background);
border-radius: 5px;
border: var(--material-border-quinary);
color: var(--fill-primary);
Switch to Search component in tag selector and support X/Esc to clear This moves debouncing into the search component and adds cancel behavior from the XUL search textbox. For now, this uses the X button from Firefox.
2019-03-20 08:42:53 +00:00
flex: 1 0;
Restyle Tag Selector * Render a colored dot for colored tags * Improve spacing and positioning, especially on 2x screens * Add scss map for tag colors in light/dark scheme * Add support for compact/comfortable in tag selector * Restyle filter box, add a placeholder and a new icon
2023-10-18 12:16:08 +00:00
margin: 6px 4px;
Switch to Search component in tag selector and support X/Esc to clear This moves debouncing into the search component and adds cancel behavior from the XUL search textbox. For now, this uses the X button from Firefox.
2019-03-20 08:42:53 +00:00
min-width: 40px;
Restyle Tag Selector * Render a colored dot for colored tags * Improve spacing and positioning, especially on 2x screens * Add scss map for tag colors in light/dark scheme * Add support for compact/comfortable in tag selector * Restyle filter box, add a placeholder and a new icon
2023-10-18 12:16:08 +00:00
padding: 3px 7px;
&::placeholder {
color: var(--fill-tertiary);
opacity: 1.0;
}
&:focus {
outline: none;
border-color: SelectedItem;
box-shadow: 0 0 0 2px SelectedItem;
}
Switch to Search component in tag selector and support X/Esc to clear This moves debouncing into the search component and adds cancel behavior from the XUL search textbox. For now, this uses the X button from Firefox.
2019-03-20 08:42:53 +00:00
}
.search .search-cancel-button {
position: absolute;
right: 6px;
cursor: default;
}
Reference in a new issue Copy permalink