to fixup to readonly on textinput

Genymobile · Jan 13, 2025 · c3e956e · c3e956e
1 parent 8d31551
commit c3e956e
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/scss/components/_textInput.scss b/src/scss/components/_textInput.scss
@@ -4,15 +4,26 @@
     display: flex;
     align-items: center;
 
+    &:has(.text-input:read-only) {
+        border-bottom: 2px solid transparent;
+    }
+
     .text-input{
         text-align: right;
         padding-left: 0;
         padding-right: 0;
-        &:focus {
-            outline: none; 
-        }
         border: none;
         background-color: transparent;
         color: var(--gm-input-text-color);
+
+        &:focus {
+            outline: none; 
+        }
+
+        &:read-only {
+            background:  color-mix(in srgb, var(--gm-btn-bg-color-disabled), transparent 80%); //TODO
+            border: none;
+            color: var(--gm-btn-bg-color-disabled) //TODO
+        }
     }
 }