3f91729141
- new icons - new twisty (also for items tree) - new mixin focus-states that can be re-used for less boilerplate - dark/white compatible with tweaks for when tree is focused (these changes also affect items tree) - removed macOS specific behaviour (blue-ish background, gradient for selected row) - border-radius on highlight + spacing tweaks - tweaked colors and fonts - Support for "compact"/"comfortable"
66 lines
No EOL
1.1 KiB
SCSS
66 lines
No EOL
1.1 KiB
SCSS
$icons: (
|
|
collection, duplicates, feed, feed-error, feed-library, feed-updating, groups, library,
|
|
library-group, publications, trash-full, trash, unfiled, retracted, search,
|
|
);
|
|
|
|
#zotero-collections-tree-container {
|
|
height: 5.2em;
|
|
}
|
|
|
|
#zotero-collections-tree {
|
|
width: 100%;
|
|
|
|
.virtualized-table {
|
|
overflow-y: auto;
|
|
flex: 1 0;
|
|
text-overflow: ellipsis;
|
|
|
|
.row {
|
|
.icon-css:not(.twisty) {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
@each $icon in $icons {
|
|
.icon-css.#{$icon} {
|
|
@include focus-states using ($color) {
|
|
@include svgicon($icon, $color, "16", "collection-tree");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.virtualized-table-body {
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.cell.primary {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
:not(.cell-text) {
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.cell-text {
|
|
flex-shrink: 1;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
input.cell-text {
|
|
border: 1px highlight solid;
|
|
padding: 1px 2px;
|
|
margin-right: 5px;
|
|
width: 100%;
|
|
font-size: inherit;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.cell-icon {
|
|
min-width: 16px;
|
|
}
|
|
}
|
|
} |