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; text-align: center;
} }
.tree-list-item[data-selected] {
background: var(--button-secondary-background-fill);
}
.tree-list-item:hover { .tree-list-item:hover {
-webkit-transition: all 0.05s ease-in-out; -webkit-transition: all 0.05s ease-in-out;
transition: all 0.05s ease-in-out; transition: all 0.05s ease-in-out;
background: var(--button-secondary-background-fill-hover); background: var(--button-secondary-background-fill-hover);
} }
.tree-list-item[data-selected] {
background: var(--button-secondary-background-fill);
}
.tree-list-item>span { .tree-list-item>span {
font-size: var(--button-large-text-size); font-size: var(--button-large-text-size);
color: var(--button-secondary-text-color); color: var(--button-secondary-text-color);
@ -1612,8 +1612,17 @@ body.resizing .resize-handle {
visibility: hidden; visibility: hidden;
} }
/* Allow trailing action to overlap previous columns when area is too small. */
.tree-list-item-action--trailing { .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 { .tree-list-item .button-row {