paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-09 09:58:20 -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
Show Stats 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="dropdown-menu py-0 shadow" ngbDropdownMenu attr.aria-labelledby="dropdown{{title}}">
<div class="list-group list-group-flush"> <div class="list-group list-group-flush">
<div *ngIf="!editing && multiple" class="list-group-item d-flex"> <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"> <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>
<label ngbButtonLabel class="btn btn-outline-primary"> <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> </label>
</div> </div>
</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 { .badge-corner {
position: absolute; position: absolute;
top: -8px; top: -8px;
@ -34,8 +36,13 @@
.btn-group > label.disabled { .btn-group > label.disabled {
filter: brightness(0.5); filter: brightness(0.5);
&.active {
background-color: lighten($primary, 30%);
}
} }
small > svg { small > svg {
margin-top: -2px; 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%); border-color: darken($primary-dark-mode, 10%);
color: $text-color-dark-mode-accent; color: $text-color-dark-mode-accent;
} }
&.disabled.active {
background-color: darken($primary-dark-mode, 10%);
}
} }
.btn-outline-secondary { .btn-outline-secondary {