From 86e24de86496db6c8f12f9f96a115d8528591ac9 Mon Sep 17 00:00:00 2001
From: S4NKALP <sankalptharu50028@gmail.com>
Date: Mon, 6 Jul 2026 17:33:50 +0545
Subject: [PATCH] style(src/styles/window/dock.css): simplify and modernize
 dock window styling

---
 src/styles/window/dock.css | 106 ++++++-------------------------------
 1 file changed, 16 insertions(+), 90 deletions(-)

diff --git a/src/styles/window/dock.css b/src/styles/window/dock.css
index c34fe37..212f4d0 100644
--- a/src/styles/window/dock.css
+++ b/src/styles/window/dock.css
@@ -1,99 +1,25 @@
+/* ── Window container — transparent passthrough ──────────────────── */
 #dock {
-    background-color: @bg-a50;
-    padding: 4px 4px;
-    margin: 4px 4px;
+    background: transparent;
     border: none;
-    border-radius: apply(radius-lg);
-    transition: all apply(transition-fast) cubic-bezier(0.165, 0.84, 0.44, 1);
+    padding: 0;
+    margin: 0;
 }
 
-#dock.shown {
-    transition: all apply(transition-medium) cubic-bezier(0.165, 0.84, 0.44, 1);
+/* ── Canvas wrapper — horizontal breathing room ──────────────────── */
+#dock-canvas-box {
+    padding: 0px 50px 5px 50px;
+    background: transparent;
 }
 
-#dock_item_main_container {
-    transition: all apply(transition-medium) cubic-bezier(0.165, 0.84, 0.44, 1);
+/* ── Outer box — transparent so Cairo is the only visual ─────────── */
+#dock-outer-box {
+    background: transparent;
 }
 
-#dock_item.shown:hover #dock_item_main_container {
-    margin-top: -12px;
+/* ── Hover strip — keeps window alive at screen edge ─────────────── */
+#dock-hover-strip {
+    min-height: 2px;
+    min-width: 10px;
+    background: transparent;
 }
-
-#dock_item.shown.semi_hovered #dock_item_main_container {
-    margin-top: -7px;
-}
-
-/**/
-/* #dock_item.shown.semi_hovered #dock_item_indicator { */
-/*   margin-top: 11px; */
-/* } */
-
-/* #dock_item.shown.activated:hover #dock_item_main_container { */
-/*   margin-top: -12px; */
-/* } */
-/**/
-/* #dock_item.shown.activated:hover #dock_item_indicator { */
-/*   margin-top: 16px; */
-/* } */
-/**/
-/* #dock_item.shown.activated #dock_item_main_container { */
-/*   margin-top: -4px; */
-/* } */
-
-#dock_item.shown.activated #dock_item_icon {
-    opacity: 1;
-    /* background-color: @on-primary; */
-}
-
-/* #dock_item.shown.activated #dock_item_indicator { */
-/*   min-width: 4px; */
-/*   margin-top: 8px; */
-/*   background-color: @primary; */
-/* } */
-
-#dock_item_icon {
-    border-radius: 13px;
-    opacity: 0.7;
-    transition: all apply(transition-fast) cubic-bezier(0.25, 0.1, 0.25, 1);
-}
-
-/* #dock_item_indicator { */
-/*   transition: all 0.15s ease-out; */
-/*   min-height: 4px; */
-/*   border-radius: apply(radius-xs); */
-/* } */
-
-#dock_item {
-    transition: margin apply(transition-slower) cubic-bezier(0.25, 0.1, 0.25, 1);
-}
-
-#dock_item.shown {
-    padding-left: 4px;
-    opacity: 1;
-}
-
-#dock_item.shown:first-child {
-    padding-left: 0px;
-}
-
-.dock_separator {
-    transition: all apply(transition-slower) cubic-bezier(0.25, 0.1, 0.25, 1);
-    min-width: 1.5px;
-    min-height: 50px;
-    margin: 0px 4px;
-    border-radius: apply(radius-2xs);
-    background-color: @primary;
-}
-
-.dock_separator.hidden {
-    min-width: 0px;
-    background-color: transparent;
-    margin: 0px;
-}
-
-/* #dock_item.shown:not(.activated) { */
-/*   min-width: 0px; */
-/*   min-height: 0px; */
-/*   margin-top: 0px; */
-/*   background-color: transparent; */
-/* } */