L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-70491 theme_boost: improve form autocomplete badge styles

Browse Source
This commit is contained in:
Bas Brands
2022-11-17 07:03:22 +01:00
committed by Luca Bösch
parent e45f7f691a
commit 1c56ccd89b
5 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/templates/form_autocomplete_selection_items.mustache
+2 -2
View File
@@ -38,10 +38,10 @@
], "noSelectionString": "No selection" }
}}
{{#items}}
<span role="option" data-value="{{value}}" aria-selected="true" class="badge badge-info mb-3 mr-1" style="font-size: 100%">
<span role="option" data-value="{{value}}" aria-selected="true" class="badge badge-secondary m-1" style="font-size: 100%">
<span aria-hidden="true">× </span>{{{label}}}
</span>
{{/items}}
{{^items}}
<span class="mb-3 mr-1">{{noSelectionString}}</span>
<span class="m-1 h-5">{{noSelectionString}}</span>
{{/items}}
theme/boost/scss/moodle/core.scss
+3
View File
@@ -2126,6 +2126,9 @@ dd:after {
width: 330px;
vertical-align: text-bottom;
margin-bottom: 0;
&[role="combobox"] {
width: auto;
}
}
}
theme/boost/scss/moodle/forms.scss
+2 -3
View File
@@ -264,7 +264,7 @@ fieldset.coursesearchbox label {
vertical-align: bottom;
}
.form-autocomplete-selection {
margin: $input-padding-y-sm;
margin: $input-padding-y-sm 0;
// Padding top and bottom, plus mb-1 and the 100% lineheight.
min-height: 2 * $input-padding-y-sm + 2 * $font-size-base;
}
@@ -327,8 +327,7 @@ fieldset.coursesearchbox label {
}
.form-autocomplete-selection [data-active-selection=true] {
padding: 0.5em;
font-size: large;
box-shadow: $input-btn-focus-box-shadow;
}
select.form-control {
theme/boost/style/moodle.css
+5 -4
View File
@@ -11586,7 +11586,9 @@ dd:after {
.inplaceeditable.inplaceeditingon input {
width: 330px;
vertical-align: text-bottom;
margin-bottom: 0; } }
margin-bottom: 0; }
.inplaceeditable.inplaceeditingon input[role="combobox"] {
width: auto; } }
.inplaceeditable.inplaceeditingon select {
margin-bottom: 0; }
@@ -17595,7 +17597,7 @@ fieldset.coursesearchbox label {
vertical-align: bottom; }
.form-autocomplete-selection {
margin: 0.25rem;
margin: 0.25rem 0;
min-height: 2.375rem; }
.form-autocomplete-selection [role=option] {
@@ -17646,8 +17648,7 @@ fieldset.coursesearchbox label {
vertical-align: middle; }
.form-autocomplete-selection [data-active-selection=true] {
padding: 0.5em;
font-size: large; }
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); }
select.form-control[size], select.form-control[multiple] {
padding-right: 0; }
theme/classic/style/moodle.css
+5 -4
View File
@@ -11586,7 +11586,9 @@ dd:after {
.inplaceeditable.inplaceeditingon input {
width: 330px;
vertical-align: text-bottom;
margin-bottom: 0; } }
margin-bottom: 0; }
.inplaceeditable.inplaceeditingon input[role="combobox"] {
width: auto; } }
.inplaceeditable.inplaceeditingon select {
margin-bottom: 0; }
@@ -17595,7 +17597,7 @@ fieldset.coursesearchbox label {
vertical-align: bottom; }
.form-autocomplete-selection {
margin: 0.25rem;
margin: 0.25rem 0;
min-height: 2.375rem; }
.form-autocomplete-selection [role=option] {
@@ -17646,8 +17648,7 @@ fieldset.coursesearchbox label {
vertical-align: middle; }
.form-autocomplete-selection [data-active-selection=true] {
padding: 0.5em;
font-size: large; }
box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.75); }
select.form-control[size], select.form-control[multiple] {
padding-right: 0; }