sankalp/Modus
1
0 Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

style(src/styles/window/dock.css): simplify and modernize dock window styling

Browse Source
This commit is contained in:
sankalp committed 2026-07-06 17:33:50 +05:45
1 parent 1ed6db4ae2
commit 86e24de864
1 file changed
+16 -90
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/window/dock.css
+16 -90
View File
@@ -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; */
/* } */