replace the checkbox bootstrap styles with bootstap material v4. Not entirely sure what the issue was, but something in that checkbox decorator code caused reordering / cloning of c-recipe-li to fail

This commit is contained in:
Robin Scholtes 2023-08-15 20:27:35 +12:00
parent bf27cbb641
commit 9ea785fc63
5 changed files with 52 additions and 28 deletions

View file

@ -131,20 +131,21 @@ class HTMLIngredient {
</div>`;
break;
case "boolean":
html += `<div class="form-group inline boolean-arg ing-flexible">
<div class="checkbox">
<label ${this.hint ? `data-toggle="tooltip" title="${this.hint}"` : ""}>
<input type="checkbox"
class="arg"
id="${this.id}"
tabindex="${this.tabIndex}"
arg-name="${this.name}"
${this.value ? " checked" : ""}
${this.disabled ? " disabled" : ""}
value="${this.name}"> ${this.name}
html += `<div class="form-group boolean-arg ing-flexible custom-control custom-checkbox">
<input type="checkbox"
class="custom-control-input arg"
id="${this.id}"
tabindex="${this.tabIndex}"
arg-name="${this.name}"
${this.value ? " checked" : ""}
${this.disabled ? " disabled" : ""}
value="${this.name}"/>
<label class="custom-control-label"
${this.hint && `data-toggle="tooltip" title="${this.hint}"`}
for="${this.id}">
${this.name}
</label>
</div>
</div>`;
</div>`
break;
case "option":
html += `<div class="form-group ing-medium">