Fix hovered Zigbee topology endpoint layer

Issue: #464
User-Visible: yes
This commit is contained in:
Matysh
2026-09-06 01:23:51 +03:00
parent b7f82d54dd
commit 0f7b0dff14
33 changed files with 267 additions and 212 deletions
+4
View File
@@ -339,6 +339,10 @@ export const devicesStyles = css`
link rise above the topology overlay. The namespaced attribute is
transient and owned by hp-zigbee-topology-overlay. */
.dev[data-hp-zigbee-topology-endpoint] { z-index: 8; }
/* A real CSS hover is more specific than the base endpoint selector.
Repeat the endpoint contract at a still-higher specificity so the
hovered source cannot fall back below the topology overlay. */
:host([data-pointer-hover]) .dev[data-hp-zigbee-topology-endpoint]:hover { z-index: 8; }
.dev.unavail {
opacity: 0.35;
--device-face-bg: #B5BAC1;