zotero/scss/components/_clicky.scss
abaevbog fb26921e11 Opened tabs menu with a search bar
- Matching substrings from tab's title are bolded.
- Drag-and-drop functionality to reorder tabs.
- ArrowUp/ArrowDown navigate the tab's titles. Tab/Shift-Tab move
across both titles and close buttons. Enter from filter field focuses
the first tab's title. Home/PageUp focuses the filter field. End/PageDown
focuses the last tab's title. ArrowUp/ArrowDown from the filter focus
the last/first tab's title respectively. ArrowUp from the first tab or
ArrowDown from the last tab focus the filter.
2024-01-24 23:31:51 -05:00

47 lines
919 B
SCSS

.zotero-clicky {
border-radius: 6px;
padding: 2px;
&:not([disabled=true]) {
&:hover {
background-color: var(--fill-quinary) !important;
}
&:active {
background-color: var(--fill-quarternary) !important;
}
}
}
/* Minus and plus buttons with clicky glow effect */
.zotero-clicky-minus, .zotero-clicky-plus {
margin: 0 !important;
width: 20px;
height: 20px;
border-radius: 2px;
color: var(--fill-secondary);
.toolbarbutton-text {
display: none;
}
}
.zotero-clicky-minus {
@include svgicon-menu("minus-circle", "universal", "16");
border: 0px !important;
}
.zotero-clicky-plus {
@include svgicon-menu("plus-circle", "universal", "16");
border: 0px !important;
}
.zotero-clicky-cross {
@include svgicon-menu("x-8", "universal", "16");
border: 0px !important;
color: var(--fill-secondary);
}
.zotero-clicky-minus[disabled=true], .zotero-clicky-plus[disabled=true] {
opacity: .5;
}