paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

Indicate disabled but active All button

Browse Source
This commit is contained in:
Michael Shamoon
2022-02-19 14:03:55 -08:00
parent 0b6c749b60
commit c945b90b64
3 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.html
View File

@@ -13,12 +13,12 @@
<div class="dropdown-menu py-0 shadow" ngbDropdownMenu attr.aria-labelledby="dropdown{{title}}">
<div class="list-group list-group-flush">
<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()">
<div class="btn-group btn-group-xs btn-group-toggle flex-fill" ngbRadioGroup [(ngModel)]="selectionModel.logicalOperator" (change)="selectionModel.toggleOperator()" [disabled]="!operatorToggleEnabled">
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" name="logicalOperator" value="and" [disabled]="!operatorToggleEnabled"> All
<input ngbButton type="radio" name="logicalOperator" value="and"> All
</label>
<label ngbButtonLabel class="btn btn-outline-primary">
<input ngbButton type="radio" name="logicalOperator" value="or" [disabled]="!operatorToggleEnabled"> Any
<input ngbButton type="radio" name="logicalOperator" value="or"> Any
</label>
</div>
</div>

7
src-ui/src/app/components/common/filterable-dropdown/filterable-dropdown.component.scss
View File

@@ -1,3 +1,5 @@
@import "/src/theme";
.badge-corner {
position: absolute;
top: -8px;
@@ -34,7 +36,12 @@
.btn-group > label.disabled {
filter: brightness(0.5);
&.active {
background-color: lighten($primary, 30%);
}
}
small > svg {
margin-top: -2px;

4
src-ui/src/theme_dark.scss
View File

@@ -231,6 +231,10 @@ $border-color-dark-mode: #47494f;
border-color: darken($primary-dark-mode, 10%);
color: $text-color-dark-mode-accent;
}
&.disabled.active {
background-color: darken($primary-dark-mode, 10%);
}
}
.btn-outline-secondary {