fix overlapping tree actions

This commit is contained in:
Sj-Si 2024-04-23 12:18:37 -04:00
parent 85197f870f
commit 7182748b16

View File

@ -1513,16 +1513,16 @@ body.resizing .resize-handle {
text-align: center;
}
.tree-list-item[data-selected] {
background: var(--button-secondary-background-fill);
}
.tree-list-item:hover {
-webkit-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out;
background: var(--button-secondary-background-fill-hover);
}
.tree-list-item[data-selected] {
background: var(--button-secondary-background-fill);
}
.tree-list-item>span {
font-size: var(--button-large-text-size);
color: var(--button-secondary-text-color);
@ -1612,8 +1612,17 @@ body.resizing .resize-handle {
visibility: hidden;
}
/* Allow trailing action to overlap previous columns when area is too small. */
.tree-list-item-action--trailing {
grid-area: trailing-action;
z-index: 10;
grid-area: 1 / label / 1 / trailing-action;
justify-self: end;
padding-left: var(--spacing-sm);
}
/* Force background color on hover to hide any overlapped column content. */
.tree-list-item:hover .tree-list-item-action--trailing {
background: var(--button-secondary-background-fill-hover);
}
.tree-list-item .button-row {