MDL-75669 theme_boost: Refactor custom form elements to BS5

- .custom-check is now .form-check.
- .custom-check.custom-switch is now .form-check.form-switch.
- .custom-select is now .form-select.
- .custom-file and .form-file have been replaced by custom styles on top of .form-control.
- .custom-range is now .form-range.
- Dropped .input-group-append and .input-group-prepend. You can now just add buttons
  and .input-group-text as direct children of the input groups.
This commit is contained in:
Mikel Martín 2024-12-16 16:44:08 +01:00
parent 5416483611
commit 04975cd2b2
199 changed files with 510 additions and 731 deletions

View file

@ -1,11 +1,11 @@
/* enrol_lti styles */
#registration-tab-content .input-group-append button.btn {
#registration-tab-content .input-group button.btn {
border: solid 1px #8f959e;
}
form#auto_submit {
display: none;
}
#registration-tab-content .input-group-append button.btn span.pix {
#registration-tab-content .input-group button.btn span.pix {
padding-left: 0.5rem;
}

View file

@ -69,17 +69,15 @@
<td class="col-9">
<div class="input-group col-md-6 ms-0 ps-0">
<input class="form-control" type="text" value="{{url}}" aria-label="{{url}}" id="lti_tool_endpoint_url_{{id}}" readonly>
<div class="input-group-append">
<button class="btn btn-secondary"
aria-label="{{#str}} copytoclipboard, enrol_lti {{/str}}"
data-action="copytoclipboard"
data-clipboard-success-message="{{#str}}copiedtoclipboard, enrol_lti, {{name}}{{/str}}"
data-clipboard-target="#lti_tool_endpoint_url_{{id}}"
id="{{id}}"
title="{{#str}}copytoclipboard, enrol_lti{{/str}}">
<span class="pix">{{#pix}} t/clipboard, core {{/pix}}</span>
</button>
</div>
<button class="btn btn-secondary"
aria-label="{{#str}} copytoclipboard, enrol_lti {{/str}}"
data-action="copytoclipboard"
data-clipboard-success-message="{{#str}}copiedtoclipboard, enrol_lti, {{name}}{{/str}}"
data-clipboard-target="#lti_tool_endpoint_url_{{id}}"
id="{{id}}"
title="{{#str}}copytoclipboard, enrol_lti{{/str}}">
<span class="pix">{{#pix}} t/clipboard, core {{/pix}}</span>
</button>
</div>
</td>
</tr>
@ -107,17 +105,15 @@
<td class="col-9">
<div class="input-group col-md-6 ms-0 ps-0">
<input class="form-control" type="text" value="{{url}}" aria-label="{{url}}" id="lti_tool_endpoint_url_{{id}}" readonly>
<div class="input-group-append">
<button class="btn btn-secondary"
aria-label="{{#str}} copytoclipboard, enrol_lti {{/str}}"
data-action="copytoclipboard"
data-clipboard-success-message="{{#str}}copiedtoclipboard, enrol_lti, {{name}}{{/str}}"
data-clipboard-target="#lti_tool_endpoint_url_{{id}}"
id="{{id}}"
title="{{#str}}copytoclipboard, enrol_lti{{/str}}">
<span class="pix">{{#pix}} t/clipboard, core {{/pix}}</span>
</button>
</div>
<button class="btn btn-secondary"
aria-label="{{#str}} copytoclipboard, enrol_lti {{/str}}"
data-action="copytoclipboard"
data-clipboard-success-message="{{#str}}copiedtoclipboard, enrol_lti, {{name}}{{/str}}"
data-clipboard-target="#lti_tool_endpoint_url_{{id}}"
id="{{id}}"
title="{{#str}}copytoclipboard, enrol_lti{{/str}}">
<span class="pix">{{#pix}} t/clipboard, core {{/pix}}</span>
</button>
</div>
</td>
</tr>