fix(buttons): Uncheck checkbox after click (#1721)

Closes #1697
akveo · Jun 5, 2018 · fbe12a9 · fbe12a9
1 parent 22c161f
commit fbe12a9
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/app/pages/ui-features/buttons/button-groups/button-groups.component.html b/src/app/pages/ui-features/buttons/button-groups/button-groups.component.html
@@ -118,13 +118,22 @@
             </div>
           </div>
           <div class="btn-group btn-group-toggle btn-divided-group btn-group-full-width" data-toggle="buttons">
-            <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.left">
+            <label ngbButtonLabel
+                   class="btn btn-primary"
+                   [class.active]="dividedButtonGroupTwo.left"
+                   [class.focus]="dividedButtonGroupTwo.left">
               <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.left"> Left
             </label>
-            <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.middle">
+            <label ngbButtonLabel
+                   class="btn btn-primary"
+                   [class.active]="dividedButtonGroupTwo.middle"
+                   [class.focus]="dividedButtonGroupTwo.middle">
               <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.middle"> Middle
             </label>
-            <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.right">
+            <label ngbButtonLabel
+                   class="btn btn-primary"
+                   [class.active]="dividedButtonGroupTwo.right"
+                   [class.focus]="dividedButtonGroupTwo.right">
               <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.right"> Right
             </label>
           </div>