Dash the transmit ring so it is not the selection ring
Both were a 2px inset --primary ring, so a widget mid-publish and one picked in the editor looked the same. Status has three colours and none of them means "picked", so the stroke tells them apart instead. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013Gf7WaExcJ9bs3kfJXB3nK
This commit is contained in:
@@ -350,7 +350,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* A publish in flight, drawn as a ring just inside the tile's own edge.
|
* A publish in flight, drawn as a dashed ring just inside the tile's own edge.
|
||||||
|
*
|
||||||
|
* Dashed because the editor's selection ring is a solid one in the same place
|
||||||
|
* and the same colour — status has three colours and none of them is "picked",
|
||||||
|
* so the two are told apart by the stroke rather than by a fourth.
|
||||||
*
|
*
|
||||||
* The marker takes no box at all and the frame draws the ring, because the
|
* The marker takes no box at all and the frame draws the ring, because the
|
||||||
* body a control sits in is a query container — which is a containing block
|
* body a control sits in is a query container — which is a containing block
|
||||||
@@ -368,7 +372,7 @@
|
|||||||
z-index: 3;
|
z-index: 3;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
border-radius: inherit;
|
border-radius: inherit;
|
||||||
box-shadow: inset 0 0 0 2px var(--primary);
|
border: 2px dashed var(--primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-reduced-motion: no-preference) {
|
@media (prefers-reduced-motion: no-preference) {
|
||||||
|
|||||||
Reference in New Issue
Block a user