Update stylesheets for changed units

robbert-vdh · Nov 5, 2023 · a2a62f6 · a2a62f6
1 parent db4ed68
commit a2a62f6
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 28 deletions.
diff --git a/nih_plug_vizia/assets/theme.css b/nih_plug_vizia/assets/theme.css
@@ -11,14 +11,14 @@
   font-weight: light;
 }
 
-scrollview > vstack {
+scrollview scroll_content {
   /* Normally the scroll bar overlaps with the content, so we'll add a little offset to prevent that */
   child-right: 15px;
 }
 scrollview scrollbar {
   background-color: #dadada;
-  border-radius: 0;
-  child-space: 0;
+  border-radius: 0px;
+  child-space: 0px;
 }
 scrollview scrollbar.horizontal {
   right: 10px;
@@ -29,12 +29,12 @@ scrollview scrollbar.vertical {
 }
 scrollview scrollbar .thumb {
   background-color: #5d5d5d;
-  border-radius: 0;
+  border-radius: 0px;
   min-width: 10px;
   min-height: 10px;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 scrollview scrollbar .thumb:hover {
   background-color: #808080;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
diff --git a/nih_plug_vizia/assets/widgets.css b/nih_plug_vizia/assets/widgets.css
@@ -11,7 +11,7 @@ scrollview > vstack > generic-ui {
   child-space: 5px;
 
   /* Our scrollview styling will already add some padding here */
-  child-right: 0;
+  child-right: 0px;
 }
 
 generic-ui .row {
@@ -23,7 +23,7 @@ generic-ui .label {
   left: 1s;
   top: 1s;
   bottom: 1s;
-  right: 0;
+  right: 0px;
 }
 
 param-button {
@@ -36,28 +36,28 @@ param-button {
   child-bottom: 1s;
   child-left: 7px;
   background-color: #d0d0d000;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 param-button:hover {
   background-color: #d0d0d080;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 param-button:checked {
   background-color: #d0d0d0;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 
 param-button.bypass {
   background-color: #ffcfcb00;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 param-button.bypass:hover {
   background-color: #ffcfcb20;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 param-button.bypass:checked {
   background-color: #ffcfcb;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 
 param-slider {
@@ -66,18 +66,18 @@ param-slider {
   border-color: #0a0a0a;
   border-width: 1px;
   background-color: transparent;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 
 /* Vizia doesn't support commas in selectors */
 /* Also, WTB Sass */
 param-slider:active {
   background-color: #8080801a;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 param-slider:hover {
   background-color: #8080801a;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 
 param-slider .fill {
@@ -116,7 +116,7 @@ peak-meter .ticks {
 }
 peak-meter .ticks__tick {
   background-color: #0a0a0a;
-  top: 0;
+  top: 0px;
   width: 1px;
   height: 30%;
 }
@@ -126,24 +126,24 @@ peak-meter .ticks__label {
 }
 
 resize-handle {
-  bottom: 0;
+  bottom: 0px;
   color: #696969;
   height: 20px;
   left: 1s;
   opacity: 0.4;
   position-type: self-directed;
-  right: 0;
+  right: 0px;
   top: 1s;
-  transition: opacity 0.1 0;
+  transition: opacity 100ms;
   width: 20px;
   z-index: 1337;
 }
 resize-handle:active {
   opacity: 0.8;
-  transition: opacity 0.1 0;
+  transition: opacity 100ms;
 }
 /* No commas in VIZIA */
 resize-handle:hover {
   opacity: 0.8;
-  transition: opacity 0.1 0;
+  transition: opacity 100ms;
 }
diff --git a/plugins/diopser/src/editor/theme.css b/plugins/diopser/src/editor/theme.css
@@ -16,15 +16,15 @@
 /* The safe mode button reuses the param-button element's style with a different class */
 param-button.safe-mode {
   background-color: #fff28000;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 param-button.safe-mode:hover {
   background-color: #fff28020;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 param-button.safe-mode:checked {
   background-color: #fff280;
-  transition: background-color 0.1 0;
+  transition: background-color 100ms;
 }
 
 #automation-precision {
@@ -42,7 +42,7 @@ xy-pad {
 
 xy-pad .xy-pad__tooltip {
   opacity: 0;
-  transition: opacity 0.1 0;
+  transition: opacity 100ms;
 
   background-color: #e5e5e5;
   border-color: #0a0a0a;
@@ -57,7 +57,7 @@ xy-pad .xy-pad__tooltip {
 
 xy-pad:hover .xy-pad__tooltip {
   opacity: 1;
-  transition: opacity 0.1 0;
+  transition: opacity 100ms;
 }
 
 /* This is a textbox, we want it to somewhat resemble the tooltip */