zotero/scss/elements/_advancedSearchPane.scss
Dan Stillman 98308c65b9 Advanced search: Drop the extra padding on the 'Find' line
Add a bit more inline padding to the whole pane to compensate, so the Find
line and conditions box aren't too close to the left edge.

Addresses #5978
2026-06-26 15:54:49 -04:00

63 lines
1.3 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;
padding-block: 8px;
// Shared inline inset for every row in the pane. zoterosearch re-creates this inside its
// own overflow: auto box (cancelling it with a negative margin) so its edge focus rings
// aren't clipped; the other rows just inherit it.
padding-inline: 10px;
gap: 8px;
background: var(--material-toolbar);
.saved-search-name-row {
align-items: center;
}
.advanced-search-buttons {
gap: 8px;
button {
min-width: 100px;
// Patch out the native button margins (5px 6px 3px on macOS) so the
// row's gap and the pane's padding control the spacing
margin: 0;
}
}
&[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;
}
}
}
}