mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix issues with item tree row drag image

Browse source 
* Attachment icon being cut off due to box-sizing issue
* Twisty icon incorrect using color
* Dragged image being slightly wider than the item in the tree
This commit is contained in:
Tom Najdek 2024-01-08 17:32:06 +01:00 committed by Dan Stillman
parent 8888fa6dcb
commit 6a855f5c8f
2 changed files with 26 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
scss/components/_item-tree.scss
View file

@ -2,7 +2,7 @@
#zotero-items-tree { #zotero-items-tree {
.virtualized-table-body { .virtualized-table-body, .drag-image-container {
padding: 4px 8px; padding: 4px 8px;
} }
@ -53,7 +53,7 @@
} }
} }
.virtualized-table { .virtualized-table, .drag-image-container {
.row { .row {
&.odd:not(.selected) { &.odd:not(.selected) {
background-color: var(--material-background); background-color: var(--material-background);

32
scss/components/_virtualized-table.scss
View file

@ -175,14 +175,6 @@
box-sizing: border-box; box-sizing: border-box;
background: url("chrome://zotero/skin/8/universal/chevron-8.svg") content-box no-repeat; background: url("chrome://zotero/skin/8/universal/chevron-8.svg") content-box no-repeat;
-moz-context-properties: fill, fill-opacity; -moz-context-properties: fill, fill-opacity;
@include focus-states using ($color) {
@if $color == "white" {
fill: var(--accent-white);
} @else {
fill: var(--fill-secondary);
}
}
} }
} }
} }
@ -345,3 +337,27 @@
transform: rotate(90deg); transform: rotate(90deg);
} }
} }
.virtualized-table {
.row .twisty.icon-css {
@include focus-states using ($color) {
@if $color =="white" {
fill: var(--accent-white);
}
@else {
fill: var(--fill-secondary);
}
}
}
}
.drag-image-container {
box-sizing: border-box;
.row .twisty.icon-css {
@include focus-states('.row.selected', '.drag-image-container:focus-within') using ($color) {
fill: var(--fill-secondary);
}
}
}