paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-02 13:45:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add UI hint for option-click

Browse Source
This commit is contained in:
Michael Shamoon 2021-01-21 11:30:29 -08:00
parent 9ac19417e7
commit c926e0242a
2 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,11 +23,18 @@
</ng-container>
</div>
<button *ngIf="editing" class="list-group-item list-group-item-action bg-light" (click)="applyClicked()" [disabled]="!selectionModel.isDirty()">
<small class="ml-1" [ngClass]="{'font-weight-bold': selectionModel.isDirty()}" i18n>Apply</small>
<small class="ml-2" [ngClass]="{'font-weight-bold': selectionModel.isDirty()}" i18n>Apply</small>
<svg width="1.5em" height="1em" viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#arrow-right" />
</svg>
</button>
<div *ngIf="!editing" class="list-group-item list-group-item-note pt-1 pb-2">
<small i18n>Use
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-option" viewBox="0 0 16 16">
<use xlink:href="assets/bootstrap-icons.svg#option" />
</svg>
+ click to exclude items.</small>
</div>
</div>
</div>
</div>

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

@ -12,3 +12,15 @@
overflow-y: scroll;
}
}
small > svg {
margin-top: -2px;
}
.list-group-item-note {
line-height: 1;
small {
font-size: 70%;
}
}