CSS: Align control-info fly over correctly

refs #3676
This commit is contained in:
Florian Strohmaier 2019-06-25 15:13:15 +02:00 committed by Johannes Meyer
parent e1fd0899dc
commit 59271fd8c0
1 changed files with 5 additions and 7 deletions

View File

@ -59,7 +59,7 @@ form:not(.inline):not([role="search"]) {
} }
.control-info { .control-info {
position: relative; opacity: .5;
} }
.errors > li { .errors > li {
@ -84,11 +84,8 @@ form:not(.inline):not([role="search"]) {
.control-info { .control-info {
line-height: 2.5em; line-height: 2.5em;
padding-right: .25em;
&:before { margin-left: 0;
margin-left: -.5em;
margin-right: .5em;
}
} }
.toggle-switch ~ .control-info { .toggle-switch ~ .control-info {
@ -369,6 +366,7 @@ input:checked + .toggle-slider:before {
font-size: 2em; font-size: 2em;
margin-left: .25em; margin-left: .25em;
opacity: .4; opacity: .4;
align-self: flex-start;
} }
} }
@ -377,7 +375,7 @@ input:checked + .toggle-slider:before {
} }
.form-description { .form-description {
background-color: fade(@gray, 20%); background-color: fade(@gray, 5%);
} }
.errors { .errors {