paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-19 10:19:27 -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> </ng-container>
</div> </div>
<button *ngIf="editing" class="list-group-item list-group-item-action bg-light" (click)="applyClicked()" [disabled]="!selectionModel.isDirty()"> <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"> <svg width="1.5em" height="1em" viewBox="0 0 16 16" fill="currentColor">
<use xlink:href="assets/bootstrap-icons.svg#arrow-right" /> <use xlink:href="assets/bootstrap-icons.svg#arrow-right" />
</svg> </svg>
</button> </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> </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; overflow-y: scroll;
} }
} }
small > svg {
margin-top: -2px;
}
.list-group-item-note {
line-height: 1;
small {
font-size: 70%;
}
}