feat: polish classroom dock and visual shell

2026-09-02 16:53:40 -05:00
parent 12d77a62a7
commit ddcf77b6a9
10 changed files with 507 additions and 4 deletions
@@ -0,0 +1,85 @@
+window#classroom-dock,
+window#classroom-clock {
+    background-color: transparent;
+    background-image: none;
+    border: none;
+    box-shadow: none;
+}
+
+/* Main floating dock */
+.dock {
+    background-image: none;
+    background-color: rgba(34, 38, 50, 0.62);
+
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-radius: 24px;
+
+    padding: 8px 10px;
+
+    /* Important: no shadow here.
+       GTK was clipping it against the rectangular window edge. */
+    box-shadow: none;
+}
+
+button.dock-button {
+    color: white;
+
+    background-image: none;
+    background-color: rgba(255, 255, 255, 0.05);
+
+    border: none;
+    border-radius: 16px;
+
+    padding: 6px;
+    margin: 0;
+
+    min-width: 44px;
+    min-height: 44px;
+
+    box-shadow: none;
+    outline: none;
+}
+
+button.dock-button:hover {
+    background-image: none;
+    background-color: rgba(70, 75, 90, 0.85);
+    box-shadow: none;
+}
+
+button.dock-button:active {
+    background-image: none;
+    background-color: rgba(85, 90, 108, 0.90);
+    box-shadow: none;
+}
+
+button.dock-button:focus {
+    background-image: none;
+    background-color: rgba(255, 255, 255, 0.08);
+    box-shadow: none;
+    outline: none;
+}
+
+button.dock-button image {
+    color: white;
+    -gtk-icon-effect: none;
+}
+
+
+/* Clock */
+
+.clock {
+    color: white;
+
+    background-image: none;
+    background-color: rgba(34, 38, 50, 0.62);
+
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-radius: 16px;
+
+    padding: 7px 12px;
+
+    font-size: 17px;
+    font-weight: 600;
+
+    box-shadow: none;
+}