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:
-
+
{% 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