mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-07-27 01:10:51 +02:00
Code Issues Projects Releases Wiki Activity

MDL-57831 message: Boostrap controls for notification preferences.

Browse Source 
Switch from previous custom controls that caused problems with
overflowing labels when using long language strings.
This commit is contained in:
Paul Holden
2021-04-19 21:21:04 +01:00
parent 0fd37bf5d8
commit e41b3485ba
1 changed files with 6 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
message/templates/notification_preferences_component_notification.mustache
View File

@@ -71,21 +71,15 @@
{{#loggedin}} {{#loggedin}}
{{< core/hover_tooltip }} {{< core/hover_tooltip }}
{{$anchor}} {{$anchor}}
<label class="preference-state" <label class="custom-control custom-switch"
title="{{displayname}}" title="{{displayname}}"
data-state="{{name}}"> data-state="{{name}}">
<span class="accesshide">{{displayname}}</span> <span class="accesshide">{{displayname}}</span>
<input type="checkbox" <input type="checkbox"
tabindex="-1" class="custom-control-input"
class="accesshide"
{{#checked}}checked{{/checked}} {{#checked}}checked{{/checked}}
{{#disableall}}disabled{{/disableall}} /> {{#disableall}}disabled{{/disableall}} />
<div class="preference-state-status-container" tabindex="0"> <span class="custom-control-label d-block"></span>
<span class="on-text">{{#str}} on, message {{/str}}</span>
<span class="off-text">{{#str}} off, message {{/str}}</span>
{{> core/loading }}
</div>
</label> </label>
{{/anchor}} {{/anchor}}
{{$tooltip}}{{displayname}}{{/tooltip}} {{$tooltip}}{{displayname}}{{/tooltip}}
@@ -96,21 +90,15 @@
{{#loggedoff}} {{#loggedoff}}
{{< core/hover_tooltip }} {{< core/hover_tooltip }}
{{$anchor}} {{$anchor}}
<label class="preference-state" <label class="custom-control custom-switch"
title="{{displayname}}" title="{{displayname}}"
data-state="{{name}}"> data-state="{{name}}">
<span class="accesshide">{{displayname}}</span> <span class="accesshide">{{displayname}}</span>
<input type="checkbox" <input type="checkbox"
tabindex="-1" class="custom-control-input"
class="accesshide"
{{#checked}}checked{{/checked}} {{#checked}}checked{{/checked}}
{{#disableall}}disabled{{/disableall}} /> {{#disableall}}disabled{{/disableall}} />
<div class="preference-state-status-container" tabindex="0"> <span class="custom-control-label d-block"></span>
<span class="on-text">{{#str}} on, message {{/str}}</span>
<span class="off-text">{{#str}} off, message {{/str}}</span>
{{> core/loading }}
</div>
</label> </label>
{{/anchor}} {{/anchor}}
{{$tooltip}}{{displayname}}{{/tooltip}} {{$tooltip}}{{displayname}}{{/tooltip}}