mirrored/discourse-custom-wizard
0
0
Fork 1
Spiegel von https://github.com/paviliondev/discourse-custom-wizard.git synchronisiert 2024-11-25 02:30:28 +01:00
Code Releases Aktivität

Use flexbox for checkbox fields

Quellcode durchsuchen
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
Statistiken anzeigen Patch-Datei herunterladen Diff-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

7
assets/stylesheets/wizard/wizard_custom.scss
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 {

8
assets/stylesheets/wizard/wizard_custom_mobile.scss
Datei anzeigen

@ -46,12 +46,7 @@
border: 1px solid #919191;
}
.wizard-column {
.checkbox-field > label {
max-width: calc(100% - 53px);
}
.wizard-field .field-description {
.wizard-column .wizard-field .field-description {
display: flex;
align-items: center;
@ -63,5 +58,4 @@
flex: 1;
}
}
}
}