zotero/scss/components/_clicky.scss
windingwind 6af4605bd0 Implement attachment preview
- Implement attachment preview
- Implement attachment-box redesign
- Make filename editable
- Use new reindex icon
- Update attachment note layout
- Fix reader.js eslint errors
- Add fallback attachment icon and use redesign
- Use attachment preview for regular items
- Fix pinned pane not exists error
- Double click preview to open to page
- Fix itemPane pin bug
- Preload preview iframe
- Fix item pane scroll
- Add media preview support
- Fix item pane scroll bar on macos
- Fix reader sidebar with standalone attachment
- Fix attributeChangedCallback
- Add attachmentBox _updateAttachmentIDs
- Make attachment notes readonly and simplify note window script
- Implement convert attachment note to new note
- Support preview dragging
- Annotations box redesign
- Support custom buttons in the collapsible-section
- Add preview toggle button
- Fix collapsible section attribute listener
- Make attachment box notify sync to fix errors in test
2024-01-24 23:32:15 -05:00

77 lines
1.5 KiB
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;
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;
margin: 0;
}
.zotero-clicky-plus {
@include svgicon-menu("plus-circle", "universal", "16");
border: 0px !important;
margin: 0;
}
.zotero-clicky-grippy {
@include svgicon-menu("grip", "universal", "16");
margin: 0;
}
.zotero-clicky-options {
@include svgicon-menu("options", "universal", "16");
margin: 0;
}
.zotero-clicky-open-link {
@include svgicon-menu("open-link", "universal", "16");
margin: 0;
}
.zotero-clicky-merge {
@include svgicon-menu("merge", "universal", "16");
margin: 0;
}
.zotero-clicky-cross {
@include svgicon-menu("x-8", "universal", "16");
border: 0px !important;
color: var(--fill-secondary);
}
.zotero-clicky-preview-control {
@include svgicon-menu("preview-show", "universal", "16");
&[data-show-preview] {
@include svgicon-menu("preview-hide", "universal", "16");
}
border: 0px !important;
}
.zotero-clicky-minus[disabled=true], .zotero-clicky-plus[disabled=true] {
opacity: .5;
}