13de06cd52
- Table structure rewrite to use grid layout instead of the <table> component so that screen readers can see the content - Added icons to mirror right-click actions - Moved creator actions to the options menu - Drag-drop to reorder creators - Using editable-text instead of clicky component - Consolidated autocomplete logic in one function - Added @focus-ring to all components of the itemBox - Fields are focusable and navigatable via keyboard in non-edit modes - General refactoring to consolidate stylesheets across platforms and remove code that's not more used (mainly related to handling old clicky text component). - Retractions panel background set for --material-background instead of light pink in dark mode.
69 lines
1.3 KiB
SCSS
69 lines
1.3 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-minus[disabled=true], .zotero-clicky-plus[disabled=true] {
|
|
opacity: .5;
|
|
}
|