Add disabled input and select style

minjk-bl · minjk-bl · commit ce75b25b832b · 2023-04-28T17:15:25.000+09:00
diff --git a/visualpython/css/component/popupComponent.css b/visualpython/css/component/popupComponent.css
@@ -17,7 +17,7 @@
     min-height: 400px;
     width: 400px;
     height: 400px;
-    background: var(--vp-background-color);
+    background-color: var(--vp-background-color);
     border: 1px solid var(--vp-border-gray-color);
     border-top: 3px solid var(--vp-border-gray-color);
     box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
@@ -360,6 +360,11 @@
 .vp-popup-frame input[type=number]::placeholder {
 	color: var(--vp-gray-color);
 }
+.vp-popup-frame input[type=text]:disabled,
+.vp-popup-frame input[type=number]:disabled {
+	background-color: var(--vp-light-gray-color);
+    cursor: not-allowed;
+}
 
 .vp-popup-frame select {
     width: 160px;
diff --git a/visualpython/css/root.css b/visualpython/css/root.css
@@ -80,7 +80,7 @@ input.vp-input {
     height: 30px;
     padding: 3px 7px;
     color: var(--vp-font-primary);
-    background: var(--vp-background-color);
+    background-color: var(--vp-background-color);
     outline-color: var(--vp-highlight-color);
     border: 0.25px solid var(--vp-border-gray-color);
     box-sizing: border-box;
@@ -90,6 +90,7 @@ input.vp-input::placeholder {
 }
 input.vp-input:disabled, 
 select.vp-select:disabled {
+    background-color: var(--vp-light-gray-color);
     cursor: not-allowed;
 }
 
