Disable any/all toggle when not needed

This commit is contained in:
Michael Shamoon 2021-01-20 19:33:54 -08:00
parent 8f08201633
commit 3766d8687f
2 changed files with 6 additions and 2 deletions

View File

@ -15,10 +15,10 @@
<div *ngIf="!editing && multiple" class="list-group-item d-flex">
<div class="btn-group btn-group-xs btn-group-toggle flex-fill" ngbRadioGroup [(ngModel)]="selectionModel.logicalOperator" (change)="selectionModel.toggleOperator()">
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" name="logicalOperator" value="and"> All
<input ngbButton type="radio" name="logicalOperator" value="and" [disabled]="selectionModel.selectionSize() < 2"> All
</label>
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" name="logicalOperator" value="or"> Any
<input ngbButton type="radio" name="logicalOperator" value="or" [disabled]="selectionModel.selectionSize() < 2"> Any
</label>
</div>
</div>

View File

@ -31,3 +31,7 @@
border-bottom-right-radius: 0;
}
}
.btn-group > label.disabled {
filter: brightness(0.5);
}