style(webui): LabelBorder hidden state is indicated by double border

2024-04-12 15:21:43 +02:00 · 2024-04-12 15:21:43 +02:00 · 35729cdb25
commit 35729cdb25
parent 9df708ba11
1 changed files with 7 additions and 0 deletions
--- a/webui/src/lib/components/utils/LabelBorder.svelte
+++ b/webui/src/lib/components/utils/LabelBorder.svelte
@ -26,6 +26,8 @@
 		<div class="content" transition:slide>
 			<slot />
 		</div>
+	{:else}
+		<div class="hidden-indicator" />
 	{/if}
 </section>

@ -57,5 +59,10 @@
 		&.hide.hidden {
 			opacity: 0.66;
 		}
+
+		& .hidden-indicator {
+			border-top: 1px solid var(--foreground);
+			margin-top: calc(-0.33rem + 2px);
+		}
 	}
 </style>