From 9d36ef0808060631dbc5d8ac2c5b4a05fca21222 Mon Sep 17 00:00:00 2001 From: "J. Ryan Stinnett" Date: Wed, 6 Mar 2019 16:28:09 +0000 Subject: [PATCH] Fix background color of phone field label on dark theme This adds extra styles to reset the field label background color on registration even if dark theme is used. --- res/css/views/auth/_AuthBody.scss | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss index e7a6e04e8b..709c4224f4 100644 --- a/res/css/views/auth/_AuthBody.scss +++ b/res/css/views/auth/_AuthBody.scss @@ -52,10 +52,15 @@ limitations under the License. color: $authpage-primary-color; } -.mx_AuthBody .mx_Field input:focus + label, -.mx_AuthBody .mx_Field input:not(:placeholder-shown) + label, -.mx_AuthBody .mx_Field select + label /* Always show a select's label on top to not collide with the value */ { - background-color: $authpage-body-bg-color; +.mx_AuthBody { + .mx_Field input:focus + label, + .mx_Field input:not(:placeholder-shown) + label, + .mx_Field textarea:focus + label, + .mx_Field textarea:not(:placeholder-shown) + label, + .mx_Field select + label /* Always show a select's label on top to not collide with the value */, + .mx_Field_labelAlwaysTopLeft label { + background-color: $authpage-body-bg-color; + } } .mx_AuthBody input.error {