mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-03-14 12:40:01 +01:00
Code Issues Projects Releases Wiki Activity

MDL-81213 theme_boost: Fix .form-control width

Browse Source 
MDL-75670 generated a regression in some forms where .form-control
elements where now being displayed as full width (Bootstrap default).

- Override Bootstrap default width: 100% for .form-control elements
- Move related .custom-select same override from core.scss to forms.scss
This commit is contained in:
Mikel Martín 2024-03-13 08:58:57 +01:00
parent 38a3310c92
commit f8c3d1c36c
4 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
theme/boost/scss/moodle/core.scss
View File

@ -2461,11 +2461,6 @@ input[disabled] {
cursor: not-allowed;
}
.custom-select {
width: auto;
max-width: 100%;
}
.fade.in {
opacity: 1;
}

11
theme/boost/scss/moodle/forms.scss
View File

@ -23,8 +23,9 @@
}
.mform .d-flex {
.form-control,
.custom-select {
// Override the default bootstrap form-control width.
.form-control {
width: auto;
max-width: 100%;
}
textarea.form-control {
@ -40,6 +41,12 @@
}
}
// Override the default bootstrap custom-select width.
.custom-select {
width: auto;
max-width: 100%;
}
#jump-to-activity.custom-select {
width: 100%;
}

14
theme/boost/style/moodle.css
View File

@ -25352,11 +25352,6 @@ input[disabled] {
cursor: not-allowed;
}
.custom-select {
width: auto;
max-width: 100%;
}
.fade.in {
opacity: 1;
}
@ -32851,8 +32846,8 @@ body.path-question-type .mform fieldset.hidden {
margin-bottom: 4px;
}
.mform .d-flex .form-control,
.mform .d-flex .custom-select {
.mform .d-flex .form-control {
width: auto;
max-width: 100%;
}
.mform .d-flex textarea.form-control {
@ -32867,6 +32862,11 @@ body.path-question-type .mform fieldset.hidden {
margin-right: 0;
}
.custom-select {
width: auto;
max-width: 100%;
}
#jump-to-activity.custom-select {
width: 100%;
}

14
theme/classic/style/moodle.css
View File

@ -25352,11 +25352,6 @@ input[disabled] {
cursor: not-allowed;
}
.custom-select {
width: auto;
max-width: 100%;
}
.fade.in {
opacity: 1;
}
@ -32851,8 +32846,8 @@ body.path-question-type .mform fieldset.hidden {
margin-bottom: 4px;
}
.mform .d-flex .form-control,
.mform .d-flex .custom-select {
.mform .d-flex .form-control {
width: auto;
max-width: 100%;
}
.mform .d-flex textarea.form-control {
@ -32867,6 +32862,11 @@ body.path-question-type .mform fieldset.hidden {
margin-right: 0;
}
.custom-select {
width: auto;
max-width: 100%;
}
#jump-to-activity.custom-select {
width: 100%;
}