zotero/scss/components/_collection-tree.scss

75 lines
1.3 KiB
SCSS

$icons: (
collection, duplicates, feed, feed-error, feed-library, feed-updating, groups, library,
library-group, publications, trash-full, trash, unfiled, retracted, search,
);
@each $icon in $icons {
.icon-css.icon-#{$icon} {
@include focus-states using ($color) {
@include svgicon($icon, $color, "16", "collection-tree");
}
}
}
#zotero-collections-tree-container {
height: 5.2em;
}
#zotero-collections-tree {
width: 100%;
background: transparent;
.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-#{$icon} {
@include focus-states using ($color) {
@include svgicon($icon, $color, "16", "collection-tree");
}
}
}
}
}
.virtualized-table-body {
padding: 0 8px 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: 4px;
}
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;
}
}
}