1
0
Fork 0

Use flexbox for checkbox fields

Dieser Commit ist enthalten in:
Angus McLeod 2018-02-10 09:33:11 +08:00
Ursprung 7b53f23541
Commit 42b933b030
2 geänderte Dateien mit 12 neuen und 17 gelöschten Zeilen

Datei anzeigen

@ -363,10 +363,11 @@ img.avatar {
}
.wizard-column .checkbox-field {
float: left;
display: flex;
&> label {
float: right;
order: 1;
flex: 1;
.field-description {
margin-top: 0;
@ -374,7 +375,7 @@ img.avatar {
}
&> .input-area {
float: left;
order: 0;
margin: 15px 20px !important;
input {

Datei anzeigen

@ -46,22 +46,16 @@
border: 1px solid #919191;
}
.wizard-column {
.checkbox-field > label {
max-width: calc(100% - 53px);
.wizard-column .wizard-field .field-description {
display: flex;
align-items: center;
img {
float: none;
}
.wizard-field .field-description {
display: flex;
align-items: center;
img {
float: none;
}
i, span {
flex: 1;
}
i, span {
flex: 1;
}
}
}