Unify item tree & v-table style on Windows & Linux
This commit is contained in:
parent
f5be1b26f4
commit
82a9aee21c
9 changed files with 29 additions and 112 deletions
|
@ -14,11 +14,11 @@
|
||||||
.virtualized-table {
|
.virtualized-table {
|
||||||
.row {
|
.row {
|
||||||
&.odd:not(.selected) {
|
&.odd:not(.selected) {
|
||||||
background-color: -moz-oddtreerow;
|
background-color: var(--material-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.even:not(.selected) {
|
&.even:not(.selected) {
|
||||||
background-color: -moz-eventreerow;
|
background-color: var(--material-sidepane);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
|
|
|
@ -130,8 +130,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected:not(.highlighted) {
|
&.selected:not(.highlighted) {
|
||||||
background-color: SelectedItem;
|
background-color: var(--accent-blue);
|
||||||
color: SelectedItemText;
|
color: #fff;
|
||||||
|
|
||||||
@include state(".virtualized-table:not(:focus)") {
|
@include state(".virtualized-table:not(:focus)") {
|
||||||
color: var(--fill-primary);
|
color: var(--fill-primary);
|
||||||
|
@ -194,6 +194,27 @@
|
||||||
width: 2px;
|
width: 2px;
|
||||||
background-color: #ccc;
|
background-color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.twisty {
|
||||||
|
width: 19px;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
fill: #888;
|
||||||
|
width: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.selected:not(.highlighted) .twisty svg {
|
||||||
|
fill: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spacer-twisty {
|
||||||
|
min-width: 19px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spacer-header {
|
||||||
|
min-width: 6px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.virtualized-table-header {
|
.virtualized-table-header {
|
||||||
|
@ -342,3 +363,7 @@
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.virtualized-table, .drag-image-container {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
|
@ -1,5 +0,0 @@
|
||||||
#zotero-items-tree {
|
|
||||||
.cell.hasAttachment, .cell.numNotes {
|
|
||||||
padding: 0 8px;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,42 +0,0 @@
|
||||||
.virtualized-table {
|
|
||||||
border: 1px solid ThreeDShadow;
|
|
||||||
}
|
|
||||||
.virtualized-table, .drag-image-container {
|
|
||||||
.twisty {
|
|
||||||
padding-inline-end: 3px;
|
|
||||||
svg {
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.virtualized-table-header {
|
|
||||||
background-image: linear-gradient(-moz-field, -moz-dialog 120%);
|
|
||||||
border-bottom: 1px solid ThreeDShadow;
|
|
||||||
border-inline-end: 1px solid ThreeDShadow;
|
|
||||||
|
|
||||||
.cell {
|
|
||||||
&:hover {
|
|
||||||
background: -moz-field;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.dragging {
|
|
||||||
background: -moz-dialog;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resizer {
|
|
||||||
background: linear-gradient(ThreeDShadow, ThreeDShadow) no-repeat center/1px 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sort-indicator {
|
|
||||||
transform: scale(1.25);
|
|
||||||
|
|
||||||
&.ascending {
|
|
||||||
transform: scale(1.25) rotate(180deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.twisty svg {
|
|
||||||
fill: WindowText;
|
|
||||||
}
|
|
|
@ -1,22 +0,0 @@
|
||||||
.virtualized-table, .drag-image-container {
|
|
||||||
.twisty {
|
|
||||||
width: 19px;
|
|
||||||
|
|
||||||
svg {
|
|
||||||
fill: #888;
|
|
||||||
width: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.selected:not(.highlighted) .twisty svg {
|
|
||||||
fill: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spacer-twisty {
|
|
||||||
min-width: 19px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spacer-header {
|
|
||||||
min-width: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,34 +0,0 @@
|
||||||
#zotero-items-tree .virtualized-table {
|
|
||||||
.row {
|
|
||||||
padding-inline-end: 1px;
|
|
||||||
&.selected {
|
|
||||||
background-color: #e5f3ff;
|
|
||||||
color: inherit;
|
|
||||||
padding-inline-start: 2px;
|
|
||||||
padding-inline-end: 0;
|
|
||||||
}
|
|
||||||
&:hover {
|
|
||||||
background-color: #e5f3ff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#zotero-items-tree .virtualized-table:not(:focus) {
|
|
||||||
.row {
|
|
||||||
&.selected {
|
|
||||||
color: inherit;
|
|
||||||
background: #f0f0f0;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
&.selected:hover {
|
|
||||||
background-color: #e5f3ff;
|
|
||||||
padding-inline-start: 2px;
|
|
||||||
padding-inline-end: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.virtualized-table.multi-select:focus .row.focused {
|
|
||||||
padding-inline-start: 2px;
|
|
||||||
width: calc(100% - 5px);
|
|
||||||
}
|
|
|
@ -11,7 +11,6 @@
|
||||||
@import "mac/search";
|
@import "mac/search";
|
||||||
@import "mac/tabBar";
|
@import "mac/tabBar";
|
||||||
@import "mac/tag-selector";
|
@import "mac/tag-selector";
|
||||||
@import "mac/virtualized-table";
|
|
||||||
|
|
||||||
// Elements
|
// Elements
|
||||||
|
|
||||||
|
|
|
@ -9,14 +9,12 @@
|
||||||
@import "linux/editable";
|
@import "linux/editable";
|
||||||
@import "linux/errorReport";
|
@import "linux/errorReport";
|
||||||
@import "linux/feedSettings";
|
@import "linux/feedSettings";
|
||||||
@import "linux/item-tree";
|
|
||||||
@import "linux/menupopup";
|
@import "linux/menupopup";
|
||||||
@import "linux/search";
|
@import "linux/search";
|
||||||
@import "linux/tabBar";
|
@import "linux/tabBar";
|
||||||
@import "linux/titleBar";
|
@import "linux/titleBar";
|
||||||
@import "linux/tagsBox";
|
@import "linux/tagsBox";
|
||||||
@import "linux/tagSelector";
|
@import "linux/tagSelector";
|
||||||
@import "linux/virtualized-table";
|
|
||||||
|
|
||||||
// Elements
|
// Elements
|
||||||
|
|
||||||
|
|
|
@ -10,8 +10,6 @@
|
||||||
@import "win/titleBar";
|
@import "win/titleBar";
|
||||||
@import "win/menupopup";
|
@import "win/menupopup";
|
||||||
@import "win/tag-selector";
|
@import "win/tag-selector";
|
||||||
@import "win/item-tree";
|
|
||||||
@import "win/virtualized-table";
|
|
||||||
|
|
||||||
// Elements
|
// Elements
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue