MDL-80259 theme_boost: Refactor badge helper classes for Bootstrap 5

This commit is contained in:
Mikel Martín 2023-12-01 10:54:22 +01:00
parent 810554ee83
commit a198884333
93 changed files with 218 additions and 209 deletions

View file

@ -33,4 +33,4 @@
Example context (json):
{ "status": "OK"}
}}
<span class="badge badge-danger">{{status}}</span>
<span class="badge bg-danger text-white">{{status}}</span>

View file

@ -33,4 +33,4 @@
Example context (json):
{ "status": "OK"}
}}
<span class="badge badge-danger">{{status}}</span>
<span class="badge bg-danger text-white">{{status}}</span>

View file

@ -33,4 +33,4 @@
Example context (json):
{ "status": "OK"}
}}
<span class="badge badge-info">{{status}}</span>
<span class="badge bg-info text-white">{{status}}</span>

View file

@ -33,4 +33,4 @@
Example context (json):
{ "status": "OK"}
}}
<span class="badge badge-secondary">{{status}}</span>
<span class="badge bg-secondary text-dark">{{status}}</span>

View file

@ -33,4 +33,4 @@
Example context (json):
{ "status": "OK"}
}}
<span class="badge badge-success">{{status}}</span>
<span class="badge bg-success text-white">{{status}}</span>

View file

@ -33,4 +33,4 @@
Example context (json):
{ "status": "OK"}
}}
<span class="badge badge-success">{{status}}</span>
<span class="badge bg-success text-white">{{status}}</span>

View file

@ -33,4 +33,4 @@
Example context (json):
{ "status": "OK"}
}}
<span class="badge badge-warning">{{status}}</span>
<span class="badge bg-warning text-dark">{{status}}</span>

View file

@ -34,7 +34,7 @@
"classes": "p-1",
"selectall": "Select all",
"deselectall": "Deselect all",
"labelclasses": "badge badge-info"
"labelclasses": "badge bg-info text-white"
}
}}
<div class="form-check">

View file

@ -32,7 +32,7 @@
"label": "Select me!",
"checked": true,
"classes": "p-1",
"labelclasses": "badge badge-info"
"labelclasses": "badge bg-info text-white"
}
}}
<input id="{{id}}" name="{{name}}" type="checkbox" {{#classes}}class="{{.}}"{{/classes}} value="{{value}}"

View file

@ -42,7 +42,7 @@
}}
{{#items}}
<span role="option" data-value="{{value}}" aria-selected="true"
class="badge badge-secondary clickable text-wrap text-break line-height-4 m-1">
class="badge bg-secondary text-dark clickable text-wrap text-break line-height-4 m-1">
{{{label}}}<i class="icon fa fa-times pl-2 mr-0"></i>
</span>
{{/items}}

View file

@ -38,7 +38,7 @@
], "noSelectionString": "No selection" }
}}
{{#items}}
<span role="option" data-value="{{value}}" aria-selected="true" class="badge badge-secondary m-1" style="font-size: 100%">
<span role="option" data-value="{{value}}" aria-selected="true" class="badge bg-secondary text-dark m-1" style="font-size: 100%">
<span aria-hidden="true">× </span>{{{label}}}
</span>
{{/items}}