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

Extend hover/drag color to the edges of the items header

Browse source
This commit is contained in:
Tom Najdek 2024-01-05 02:04:37 +01:00 • committed by Dan Stillman
parent d8a00610da
commit a9eb79a45b
3 changed files with 46 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,8 +7,50 @@
}
.virtualized-table-header {
padding: 0 8px;
width: 100%;
padding-left: 8px;
padding-right: calc(8px + var(--scrollbar-width, 0px));
box-sizing: border-box;
.first-column {
&::before {
content: "";
display: inline-block;
width: 8px;
height: 100%;
background: transparent;
position: absolute;
left: -8px;
@include state(".first-column:hover") {
background: var(--material-mix-quinary);
}
@include state(".first-column.dragging") {
background: var(--material-mix-quarternary);
}
}
}
.cell:last-child {
&::after {
content: "";
display: inline-block;
width: calc(var(--scrollbar-width, 0px) + 8px);
height: 100%;
background: transparent;
position: absolute;
right: calc(-1 * var(--scrollbar-width, 0px) - 8px);
@include state(".cell:hover") {
background: var(--material-mix-quinary);
}
@include state(".cell.dragging") {
background: var(--material-mix-quarternary);
}
}
}
}
.virtualized-table {