mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-01-18 22:08:20 +01:00
Code Issues Projects Releases Wiki Activity

MDL-60636 themes: form autocomplete chevron down on mobile

Browse Source
This commit is contained in:
Bas Brands 2019-07-17 12:28:13 +02:00
parent f7e108438f
commit b101ce581e
4 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
lib/templates/form_autocomplete_input.mustache
View File

@ -36,7 +36,10 @@
{ "inputID": 1, "suggestionsId": 2, "selectionId": 3, "downArrowId": 4, "placeholder": "Select something" }
}}
{{#showSuggestions}}
<input type="text" id="{{inputId}}" class="form-control" list="{{suggestionsId}}" placeholder="{{placeholder}}" role="combobox" aria-expanded="false" autocomplete="off" autocorrect="off" autocapitalize="off" aria-autocomplete="list" aria-owns="{{suggestionsId}} {{selectionId}}" {{#tags}}data-tags="1"{{/tags}}/><span class="form-autocomplete-downarrow" id="{{downArrowId}}">&#x25BC;</span>
<div class="d-inline-block position-relative">
<input type="text" id="{{inputId}}" class="form-control" list="{{suggestionsId}}" placeholder="{{placeholder}}" role="combobox" aria-expanded="false" autocomplete="off" autocorrect="off" autocapitalize="off" aria-autocomplete="list" aria-owns="{{suggestionsId}} {{selectionId}}" {{#tags}}data-tags="1"{{/tags}}/>
<span class="form-autocomplete-downarrow position-absolute p-1" id="{{downArrowId}}">&#x25BC;</span>
</div>
{{/showSuggestions}}
{{^showSuggestions}}
<input type="text" id="{{inputId}}" placeholder="{{placeholder}}" role="textbox" aria-owns="{{selectionId}}" {{#tags}}data-tags="1"{{/tags}}/>

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

@ -323,11 +323,9 @@ fieldset.coursesearchbox label {
.form-autocomplete-downarrow {
color: $body-color;
position: relative;
top: 0.2em;
left: -1.5em;
top: 0.2rem;
right: 0.5rem;
cursor: pointer;
.loading-icon {
position: absolute;
top: 0;

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

@ -14861,9 +14861,8 @@ fieldset.coursesearchbox label {
.form-autocomplete-downarrow {
color: #373a3c;
position: relative;
top: 0.2em;
left: -1.5em;
top: 0.2rem;
right: 0.5rem;
cursor: pointer; }
.form-autocomplete-downarrow .loading-icon {
position: absolute;

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

@ -15118,9 +15118,8 @@ fieldset.coursesearchbox label {
.form-autocomplete-downarrow {
color: #373a3c;
position: relative;
top: 0.2em;
left: -1.5em;
top: 0.2rem;
right: 0.5rem;
cursor: pointer; }
.form-autocomplete-downarrow .loading-icon {
position: absolute;