zotero/scss/elements/_advancedSearchPane.scss

58 lines
1 KiB
SCSS

advanced-search-deck {
flex-direction: column;
border-bottom: 1px solid var(--color-panedivider);
// Panes are children of the inner <deck>, so hide the non-selected one
// entirely -- otherwise it still occupies the deck's grid cell and forces
// the area to the height of the taller pane
advanced-search-pane:not(.deck-selected) {
display: none;
}
}
advanced-search-pane {
@include inactive-opacity;
flex-direction: column;
// Inline padding is further down the tree so focus rings work with overflow: auto
padding-block: 8px;
gap: 8px;
background: var(--material-toolbar);
.saved-search-name-row {
align-items: center;
}
.advanced-search-buttons {
padding-inline: 8px;
gap: 8px;
button {
min-width: 100px;
}
}
&[type="temporary"] {
.saved-search-name-row {
display: none;
}
.advanced-search-buttons {
.cancel-button {
display: none;
}
}
}
&[type="saved"] {
.advanced-search-buttons {
.search-button {
display: none;
}
.clear-button {
display: none;
}
}
}
}