From 284be2653ed1066ac1845f473a4d22d7b00d3df9 Mon Sep 17 00:00:00 2001 From: Travis Ralston Date: Thu, 24 Jan 2019 19:27:20 -0700 Subject: [PATCH 1/2] Override UA/OS styles for disabled Field selects Fixes https://github.com/vector-im/riot-web/issues/8249 --- res/css/views/elements/_Field.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss index b2c6822bf2..3893f8c010 100644 --- a/res/css/views/elements/_Field.scss +++ b/res/css/views/elements/_Field.scss @@ -80,3 +80,7 @@ limitations under the License. .mx_Field select:focus + label { color: $input-focused-border-color; } + +.mx_Field select:disabled { + background-color: $field-focused-label-bg-color; +} From aeac82209ed32c279793a562305f26d4337b42ce Mon Sep 17 00:00:00 2001 From: Travis Ralston Date: Fri, 25 Jan 2019 09:10:16 -0700 Subject: [PATCH 2/2] Improve disabled Field styling --- res/css/views/elements/_Field.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss index 3893f8c010..128e7dbfde 100644 --- a/res/css/views/elements/_Field.scss +++ b/res/css/views/elements/_Field.scss @@ -81,6 +81,8 @@ limitations under the License. color: $input-focused-border-color; } -.mx_Field select:disabled { +.mx_Field select:disabled, +.mx_Field input:disabled { background-color: $field-focused-label-bg-color; + color: $greyed-fg-color; }