Merge pull request #823 from mgielecinski/adding-a-red-star-to-the-required-checkboxes

Adding a red asterisk to the required checkboxes

Author: tblivet

src/scss/bootstrap/components/_form-check.scss

@@ -0,0 +1,10 @@
+$component-name: form-check-label;
+
+.#{$component-name} {
+  &.required {
+    &::before {
+      color: var(--bs-danger);
+      content: "*" / " ";
+    }
+  }
+}

src/scss/bootstrap/components/_index.scss

@@ -4,6 +4,7 @@
 @import "buttons";
 @import "carousel";
 @import "dropdown";
+@import "form-check";
 @import "hr";
 @import "labels";
 @import "modal";

templates/_partials/form-fields.tpl

@@ -83,7 +83,7 @@
             value="1" {if $field.value}checked="checked"{/if}
             {if $field.required}required{/if}
           >
-          <label class="form-check-label" for="field-{$field.name}">
+          <label class="form-check-label{if $field.required} required{/if}" for="field-{$field.name}">
             {$field.label nofilter}
           </label>
         </div>