From 0f561d360aa9365b8a5fb69ae73747b65b5da5fe Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sun, 2 Nov 2025 11:39:11 +0100
Subject: [PATCH] feat: Change task bar placeholder

- Add content
- Reflect style from task bar
---
 .../screens/demo/examples/ui/windows.liquid   |  9 ++++-
 source/style/modules/ui/_windows_module.scss  | 34 ++++++++++++++++---
 2 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/source/screens/demo/examples/ui/windows.liquid b/source/screens/demo/examples/ui/windows.liquid
index a0603e6..35987a9 100644
--- a/source/screens/demo/examples/ui/windows.liquid
+++ b/source/screens/demo/examples/ui/windows.liquid
@@ -39,7 +39,14 @@ tags:
 	</div>
 </div>
 <div id="screen-space"></div>
-<div id="placeholder"></div>
+<div id="placeholder">
+	<div class="box"></div>
+	<div class="box_brd"></div>
+	<div>
+		<div>task bar</div>
+		<div class="box_brd"></div>
+	</div>
+</div>
 {% endblock %}
 
 {%- block script %}
diff --git a/source/style/modules/ui/_windows_module.scss b/source/style/modules/ui/_windows_module.scss
index 228798a..8a63ffe 100644
--- a/source/style/modules/ui/_windows_module.scss
+++ b/source/style/modules/ui/_windows_module.scss
@@ -114,11 +114,35 @@ $padding_half: calc(#{hippie.$space_half} - 3px) hippie.$space_half;
 }
 
 #placeholder {
+	@extend %flex-bar;
 	display: none;
-	z-index: map.get(hippie.$z-indexes, "content-top");
+	z-index: map.get(hippie.$z-indexes, "toast");
 	position: fixed;
-	width: 100px;
-	height: 100px;
-	border: 2px dashed deeppink;
-	background-color: hotpink;
+	border: 2px dashed black;
+	background-color: rgba(0, 0, 0, .4);
+	padding: 16px;
+
+	* {
+		pointer-events: none;
+	}
+
+	& > div {
+		@extend %flex-bar;
+		flex-direction: inherit;
+	}
+
+	.box,
+	.box_brd {
+		width: 16px;
+		height: 16px;
+	}
+
+	.box {
+		background-color: black;
+	}
+
+	.box_brd {
+		border: 2px solid black;
+		background-color: transparent;
+	}
 }
\ No newline at end of file