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