Fix border on selected items

This commit is contained in:
Adria Navarro 2025-03-18 15:29:33 +01:00
parent 7ebfb6e474
commit 0ce6da0c70
1 changed files with 3 additions and 2 deletions

View File

@ -89,17 +89,18 @@
/* Selection is only meant for standalone list items (non stacked) so we just set a fixed border radius */
.list-item.selected {
background-color: var(--spectrum-global-color-blue-100);
border: 1px solid var(--spectrum-global-color-blue-400);
border: none;
}
.list-item.selected:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
border: 1px solid var(--spectrum-global-color-blue-400);
pointer-events: none;
top: 0;
left: 0;
border-radius: 4px;
border-radius: inherit;
box-sizing: border-box;
z-index: 1;
opacity: 0.5;