Fianlize deck strip and management

2026-05-25 00:51:46 +02:00
parent 5dc9b3b8d4
commit 7b56d62563
12 changed files with 755 additions and 141 deletions
@@ -263,4 +263,78 @@
      &:hover { background: rgba(50, 55, 70, 0.9); }
    }
  }
+
+  // ── Dock layout selector bar ───────────────────────────────────────────────
+  .directors-board__dock-layout-bar {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 5px 8px;
+    border-top: 1px solid rgba(255, 255, 255, 0.06);
+    flex-shrink: 0;
+    background: rgba(0, 0, 0, 0.12);
+  }
+
+  .directors-board__dock-layout-label {
+    font-size: 10px;
+    color: var(--sp-text-muted, hsl(0, 0%, 60%));
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    flex-shrink: 0;
+    margin-right: 2px;
+  }
+
+  .directors-board__dock-layout-group {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+    flex-wrap: wrap;
+  }
+
+  .directors-board__dock-layout-sep {
+    width: 1px;
+    height: 20px;
+    background: rgba(255, 255, 255, 0.12);
+    margin: 0 3px;
+    flex-shrink: 0;
+  }
+
+  .directors-board__dock-layout-btn {
+    width: 28px;
+    height: 28px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 1px;
+    background: rgba(255, 255, 255, 0.04);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 3px;
+    cursor: pointer;
+    color: var(--sp-text-muted, hsl(0, 0%, 65%));
+    padding: 0;
+    transition: background 0.15s, border-color 0.15s, color 0.15s;
+
+    i { font-size: 10px; pointer-events: none; }
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.1);
+      color: var(--sp-text-primary, #dde2e8);
+      border-color: rgba(255, 255, 255, 0.2);
+    }
+
+    &.is-active {
+      background: hsl(200, 50%, 25%);
+      border-color: hsl(200, 55%, 45%);
+      color: hsl(200, 80%, 75%);
+    }
+  }
+
+  .directors-board__dock-layout-size {
+    font-size: 8px;
+    font-weight: 600;
+    line-height: 1;
+    letter-spacing: 0.02em;
+    pointer-events: none;
+  }
 }