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

Use more nesting for auth body style overrides 

No styles are changed here. This just groups them under one parent block to
avoid repeating `.mx_AuthBody`.
pull/21833/head
J. Ryan Stinnett 2019-03-06 16:33:15 +00:00
parent 9d36ef0808
commit 8beab58918
1 changed files with 38 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,37 +22,42 @@ limitations under the License.
box-sizing: border-box;
font-size: 12px;
color: $authpage-secondary-color;
}
.mx_AuthBody h2 {
font-size: 24px;
font-weight: 600;
margin-top: 8px;
color: $authpage-primary-color;
}
h2 {
font-size: 24px;
font-weight: 600;
margin-top: 8px;
color: $authpage-primary-color;
}
.mx_AuthBody h3 {
font-size: 14px;
font-weight: 600;
color: $authpage-primary-color;
}
h3 {
font-size: 14px;
font-weight: 600;
color: $authpage-primary-color;
}
.mx_AuthBody input[type=text],
.mx_AuthBody input[type=password] {
color: $authpage-primary-color;
}
a:link,
a:hover,
a:visited {
color: $accent-color;
text-decoration: none;
}
.mx_AuthBody .mx_Field input,
.mx_AuthBody .mx_Field select {
color: $authpage-primary-color;
background-color: $authpage-body-bg-color;
}
input[type=text],
input[type=password] {
color: $authpage-primary-color;
}
.mx_AuthBody .mx_Field label {
color: $authpage-primary-color;
}
.mx_Field input,
.mx_Field select {
color: $authpage-primary-color;
background-color: $authpage-body-bg-color;
}
.mx_Field label {
color: $authpage-primary-color;
}
.mx_AuthBody {
.mx_Field input:focus + label,
.mx_Field input:not(:placeholder-shown) + label,
.mx_Field textarea:focus + label,
@ -61,10 +66,15 @@ limitations under the License.
.mx_Field_labelAlwaysTopLeft label {
background-color: $authpage-body-bg-color;
}
}
.mx_AuthBody input.error {
color: $warning-color;
input.error {
color: $warning-color;
}
.mx_Field input {
width: 100%;
box-sizing: border-box;
}
}
.mx_AuthBody_editServerDetails {
@ -73,11 +83,6 @@ limitations under the License.
font-weight: normal;
}
.mx_AuthBody .mx_Field input {
width: 100%;
box-sizing: border-box;
}
.mx_AuthBody_fieldRow {
display: flex;
margin-bottom: 10px;
@ -96,13 +101,6 @@ limitations under the License.
margin-right: 0;
}
.mx_AuthBody a:link,
.mx_AuthBody a:hover,
.mx_AuthBody a:visited {
color: $accent-color;
text-decoration: none;
}
.mx_AuthBody_changeFlow {
display: block;
text-align: center;