OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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.
pull/21833/head
J. Ryan Stinnett 2019-03-06 16:28:09 +00:00
parent 75f809bf06
commit 9d36ef0808
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
res/css/views/auth/_AuthBody.scss
View File

@ -52,11 +52,16 @@ limitations under the License.
color: $authpage-primary-color; color: $authpage-primary-color;
} }
.mx_AuthBody .mx_Field input:focus + label, .mx_AuthBody {
.mx_AuthBody .mx_Field input:not(:placeholder-shown) + label, .mx_Field input:focus + label,
.mx_AuthBody .mx_Field select + label /* Always show a select's label on top to not collide with the value */ { .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; background-color: $authpage-body-bg-color;
} }
}
.mx_AuthBody input.error { .mx_AuthBody input.error {
color: $warning-color; color: $warning-color;