mirror of
https://github.com/moodle/moodle.git
synced 2025-03-31 05:52:51 +02:00
92bc86e429
The Moodle UI should be functional in a viewport of 320px by 256px to meet WCAG 1.4.10 this patch contains improvements to: -prevent horizontal scrolling -better wrapping of page header -message drawer funtional on tiny screens -remove indenting on courses -prevent elements overlapping on quiz editing -better navigation tabs -fix colour picker -quiz editing
76 lines
2.7 KiB
Plaintext
76 lines
2.7 KiB
Plaintext
{{!
|
|
This file is part of Moodle - http://moodle.org/
|
|
|
|
Moodle is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
Moodle is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
|
}}
|
|
{{!
|
|
@template core_message/message_drawer_view_overview_header
|
|
|
|
This template will render the header for the overview page of the message drawer.
|
|
|
|
Classes required for JS:
|
|
* none
|
|
|
|
Data attributes required for JS:
|
|
* All data attributes are required
|
|
|
|
Context variables required for this template:
|
|
* userid The logged in user id
|
|
* urls The URLs for the popover
|
|
|
|
Example context (json):
|
|
{}
|
|
|
|
}}
|
|
<div class="border-bottom p-1 px-sm-2 py-sm-3" aria-hidden="false" {{^isdrawer}}data-in-panel="true"{{/isdrawer}} data-region="view-overview">
|
|
<div class="d-flex align-items-center">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text pr-2 bg-white">
|
|
{{#pix}} a/search, core {{/pix}}
|
|
</span>
|
|
</div>
|
|
<input
|
|
type="text"
|
|
class="form-control border-left-0"
|
|
placeholder="{{#str}} search, core_search {{/str}}"
|
|
aria-label="{{#str}} search, core_search {{/str}}"
|
|
data-region="view-overview-search-input"
|
|
>
|
|
</div>
|
|
<div class="ml-2">
|
|
<a
|
|
href="#"
|
|
data-route="view-settings"
|
|
data-route-param="{{loggedinuser.id}}"
|
|
aria-label="{{#str}} settings, core_message {{/str}}"
|
|
role="button"
|
|
>
|
|
{{#pix}} t/edit, core {{/pix}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="text-right mt-sm-3">
|
|
<a href="#" data-route="view-contacts" role="button">
|
|
{{#pix}} i/user, core {{/pix}}
|
|
{{#str}} contacts, core_message {{/str}}
|
|
<span class="badge badge-primary bg-primary ml-2 {{^contactrequestcount}}hidden{{/contactrequestcount}}"
|
|
data-region="contact-request-count"
|
|
aria-label="{{#str}} pendingcontactrequests, core_message, {{contactrequestcount}} {{/str}}">
|
|
{{contactrequestcount}}
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|