added fieldset around checkboxes

This commit is contained in:
Aayush Rohila
2023-01-27 14:10:08 +05:30
parent e7bb097be6
commit 7134f21ccd
2 changed files with 20 additions and 15 deletions

View File

@@ -1,19 +1,20 @@
<div class="checklist">
<mat-checkbox
*ngFor="let option of options"
[checked]="option.checked"
(keydown.enter)="option.checked = !option.checked"
[attr.data-automation-id]="'checkbox-' + (option.name)"
[attr.aria-label]="option.name | translate"
(change)="changeHandler($event, option)"
class="adf-facet-filter">
<div matTooltip="{{ option.name | translate }}"
matTooltipPosition="right"
class="facet-name">
{{ option.name | translate }}
</div>
</mat-checkbox>
<fieldset>
<mat-checkbox
*ngFor="let option of options"
[checked]="option.checked"
(keydown.enter)="option.checked = !option.checked"
[attr.data-automation-id]="'checkbox-' + (option.name)"
[attr.aria-label]="option.name | translate"
(change)="changeHandler($event, option)"
class="adf-facet-filter">
<div matTooltip="{{ option.name | translate }}"
matTooltipPosition="right"
class="facet-name">
{{ option.name | translate }}
</div>
</mat-checkbox>
</fieldset>
</div>
<div class="adf-facet-buttons" *ngIf="options.fitsPage && !settings?.hideDefaultAction">

View File

@@ -24,3 +24,7 @@
}
}
}
fieldset {
border: 0 none;
}