Use outline rather than pseudo elements for highlighting grid children
This commit is contained in:
parent
5eebbd56f6
commit
618b65e3fa
|
@ -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 */
|
||||||
|
|
Loading…
Reference in New Issue