Add border radius 50% for ring function cell in led_strip tab

iNavFlight · Oct 25, 2024 · 9bb799a · 9bb799a
1 parent 3219725
commit 9bb799a
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/css/tabs/led_strip.css b/src/css/tabs/led_strip.css
@@ -45,7 +45,6 @@
 }
 
 .tab-led-strip .gPoint.function-r { /* Ring */
-    color: var(--inav-white);
     background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, white 60%,white 70%,black 70%, black 100%);
     box-shadow: inset 0 0 30px rgba(0, 0, 0, .7);
     border-color: black;
@@ -70,6 +69,9 @@
     width: calc(100% - calc(2 * var(--cell-padding)));
     border-radius: 4px;
 }
+.tab-led-strip .gPoint.function-r .overlay-color {
+    border-radius: 50%;
+}
 
 .tab-led-strip .gPoint.function-s .overlay-s,
 .tab-led-strip .gPoint.function-w .overlay-w,
@@ -137,6 +139,11 @@
     align-self: center;
 }
 
+.tab-led-strip .function-r.color-0 .wire
+{
+    color: var(--inav-white);
+}
+
 .gridWire {
     background: var(--inav-success-bg-subtle);
 }
@@ -292,6 +299,10 @@
     width: 23%;
 }
 
+.tab-led-strip .colors button.border {
+    color: var(--inav-body-color);
+}
+
 
 .tab-led-strip .wires-remaining #remaining-led {
     color: var(--inav-warning);