zotero/scss/components/_feedSettings.scss
Abe Jellinek 531f55120c
Feed settings: Make disclosure triangle focusable, extract SCSS (#4513)
- <hbox> -> <button>, <toolbarbutton> -> <dropmarker>
- Extract styles to SCSS and use focus-ring mixin

Fixes #4512
2024-08-08 00:22:09 -04:00

29 lines
601 B
SCSS

#zotero-feed-settings {
.zotero-advanced-options > .zotero-advanced-options-label {
@include focus-ring;
appearance: none;
border: none;
outline: none;
background: transparent;
padding: 0;
}
.zotero-advanced-options > .zotero-advanced-options-label > .toolbarbutton-menu-dropmarker {
transform: rotate(270deg);
}
.zotero-advanced-options[state=open] > .zotero-advanced-options-label > .toolbarbutton-menu-dropmarker {
transform: none;
}
.html-input {
width: 50px;
text-align: right;
}
#advanced-options-togglable hbox {
display: flex;
align-items: center;
}
}