Fix fugit toggles

EternityForest · Nov 16, 2023 · 92a2e61 · 92a2e61
1 parent 07464cc
commit 92a2e61
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 23 deletions.
diff --git a/css/banderole/banderole.css b/css/banderole/banderole.css
@@ -79,7 +79,6 @@ details[open] {
 
 header:not(.undecorated) .tool-bar {
   transform: none;
-  padding: 4px;
 }
 
 a {

diff --git a/css/barrel.css b/css/barrel.css
@@ -718,8 +718,9 @@ header {
         &>.tool-bar:only-child {
             gap: var(--padding);
 
-            &>:not(.specificity-hack) {
-                border-radius: var(--control-border-radius);
+            &>:not(.specificity-hack),
+            &>:is(p, label)>:not(.specificity_hack) {
+                border-radius: 0px;
             }
 
             &>label {
@@ -731,16 +732,11 @@ header {
                 &>* {
                     height: var(--control-height);
                 }
+            }
 
-                &>:first-child {
-                    border-start-start-radius: var(--control-border-radius);
-                    border-end-start-radius: var(--control-border-radius);
-                }
-
-                &>:last-child {
-                    border-end-end-radius: var(--control-border-radius);
-                    border-start-end-radius: var(--control-border-radius);
-                }
+            /*Line up with right wall*/
+            &>:is(p):last-child {
+                padding-inline-end: 0px;
             }
 
 
@@ -749,12 +745,11 @@ header {
                 border: none;
             }
 
-            & :is(input, select, button) {
-                color: var(--control-fg);
-            }
-
-            & :is(input, button) {
+            & :is(input, select, button, .button) {
                 color: var(--control-fg);
+                border-top: none;
+                border-bottom: none;
+                border-radius: 0px;
             }
 
             & input,

diff --git a/css/fugit/fugit.css b/css/fugit/fugit.css
@@ -143,7 +143,6 @@ video {
 }
 
 
-
 .error,
 .danger {
   background-color: #ff8077 !important;
@@ -208,7 +207,11 @@ header {
   --control-fg: var(--black-1);
 }
 
-
+input[type="checkbox"].toggle {
+  &:checked {
+    --convex-item-bg: var(--black-1);
+  }
+}
 
 
 

diff --git a/css/steam.css b/css/steam.css
@@ -42,12 +42,12 @@ SOFTWARE.
     --control-text-shadow: 1px 1px 2px #f5d48947;
     --control-border-color: #815007;
     --alt-control-bg: #f1c6226b;
-    --window-box-shadow: 2px 2px 6px 4px #2b1400c7;
-    --border-color: #d7a905;
+    --window-box-shadow: 2px 2px 6px 5px #2b1400c7;
+    --border-color: #d7a90570;
     --border-style: outset;
-    --border-width: 3px;
+    --border-width: 0px;
     --control-border-width: 1px;
-    --item-box-shadow: 2px 2px 3px 1px #2b140021;
+    --item-box-shadow: 2px 2px 3px 3px #2b140065;
 }
 
 .window {
@@ -61,4 +61,8 @@ SOFTWARE.
 /*Override the default flattening*/
 :is(.card, .window)>:is(header, footer):not(.undecorated) {
     --convex-item-bg: linear-gradient(180deg, var(--3d-highlight) 0%, var(--3d-shadow) 96%);
+}
+
+.tool-bar {
+    box-shadow: none;
 }