Use outline rather than pseudo elements for highlighting grid children

This commit is contained in:
Andrew Kingston 2024-08-08 16:23:55 +01:00
parent 5eebbd56f6
commit 618b65e3fa
No known key found for this signature in database
1 changed files with 2 additions and 11 deletions

View File

@ -103,17 +103,8 @@
} }
/* Highlight sibling borders when resizing childern */ /* Highlight sibling borders when resizing childern */
:global(.grid.highlight > .component:not(.dragging):after) { :global(.grid.highlight > .component:not(.dragging)) {
content: ""; outline: 1px solid var(--spectrum-global-color-static-blue-200);
display: block;
position: absolute;
height: 100%;
width: 100%;
border: 1px solid var(--spectrum-global-color-static-blue-200);
pointer-events: none;
z-index: 1;
top: 0;
left: 0;
} }
/* Ensure all top level children have grid styles applied */ /* Ensure all top level children have grid styles applied */