nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-08-26 12:46:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: snapshots: Fix horizontal form layout on mobiles for Bootstrap 5

Browse Source 
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2024-11-17 19:23:59 -08:00 committed by Veiko Aasa
parent 319d414c2e
commit 20db62bc22
No known key found for this signature in database
GPG Key ID: 478539CAE680674E
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
static/themes/default/css/main.css
View File

@ -157,6 +157,23 @@ h6:not(:first-child) {
flex-wrap: wrap; flex-wrap: wrap;
} }
/* In Bootstrap 5, instead of styling .col-* to 100% width by default, .row > *
is styled as .form-group has been removed. Needs updated
django-bootstrap-form */
.form-horizontal > .form-group > * {
width: 100%;
}
@media (min-width: 768px) {
.form-horizontal > .form-group > .col-md-4 {
width: 33.33333333%;
}
.form-horizontal > .form-group > .col-md-8 {
width: 66.66666667%;
}
}
.radio .help-block { .radio .help-block {
padding-left: 1.2rem; padding-left: 1.2rem;
} }