Add highlight to layer outline on hover

Tumypmyp · Tumypmyp · commit b1b0d216bb04 · 2025-06-17T00:38:14.000+05:00
diff --git a/frontend/src/components/panels/Layers.svelte b/frontend/src/components/panels/Layers.svelte
@@ -565,6 +565,10 @@
 				padding-left: calc(var(--layer-indent-levels) * 16px);
 
 				// Dimming
+				&:hover {
+					outline: 2px solid var(--color-4-dimgray);
+				}
+
 				&.selected {
 					background: var(--color-4-dimgray);
 				}
@@ -619,7 +623,6 @@
 							background: var(--icon-expand-collapse-arrow-hover);
 						}
 					}
-
 					&.expanded::after {
 						transform: rotate(90deg);
 					}

Original file line number	Diff line number	Diff line change
`@@ -565,6 +565,10 @@`
`565`	`565`	`padding-left: calc(var(--layer-indent-levels) * 16px);`
`566`	`566`
`567`	`567`	`// Dimming`
	`568`	`+ &:hover {`
	`569`	`+ outline: 2px solid var(--color-4-dimgray);`
	`570`	`+ }`
	`571`	`+`
`568`	`572`	`&.selected {`
`569`	`573`	`background: var(--color-4-dimgray);`
`570`	`574`	`}`
`@@ -619,7 +623,6 @@`
`619`	`623`	`background: var(--icon-expand-collapse-arrow-hover);`
`620`	`624`	`}`
`621`	`625`	`}`
`622`		`-`
`623`	`626`	`&.expanded::after {`
`624`	`627`	`transform: rotate(90deg);`
`625`	`628`	`}`