mirrored/discourse-custom-wizard
0
0
Fork 1
Spiegel von https://github.com/paviliondev/discourse-custom-wizard.git synchronisiert 2024-11-25 10:40: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 { .wizard-column .checkbox-field {
float: left; display: flex;
&> label { &> label {
float: right; order: 1;
flex: 1;
.field-description { .field-description {
margin-top: 0; margin-top: 0;
@ -374,7 +375,7 @@ img.avatar {
} }
&> .input-area { &> .input-area {
float: left; order: 0;
margin: 15px 20px !important; margin: 15px 20px !important;
input { input {

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

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