add color gradient to meters

2026-08-16 03:03:24 +00:00 · 2022-02-17 20:36:35 -06:00
parent d8847c87b8
commit c0f179a018
2 changed files with 25 additions and 2 deletions
@@ -133,3 +133,24 @@ input[type='range']::-webkit-slider-runnable-track {
  font-size: 20px;
  vertical-align: middle;
 }
+
+.meter {
+  height: 3px;
+  background: linear-gradient(
+    90deg,
+    rgba(19, 126, 30, 1) 0%,
+    rgba(255, 238, 30, 1) 85%,
+    rgba(255, 0, 0, 1) 100%
+  );
+}
+
+/* need to find a way to match the color of this with the table row */
+.meter-cover {
+  height: 100%;
+  background-color: rgb(22, 23, 25);
+  float: right;
+}
+
+table.cv-table tr:nth-child(odd) td div.meter div.meter-cover {
+  background-color: #292929;
+}