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

Quick filter styling

Browse Source
This commit is contained in:
Michael Shamoon
2020-12-08 23:53:56 -08:00
parent 01348c6d4a
commit 04376d76fc
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src-ui/src/app/components/document-list/document-list.component.html
View File

@@ -73,7 +73,7 @@
<div class="btn-toolbar col-auto">
<div class="btn-group ml-2" ngbDropdown role="group">
<button class="btn btn-outline-primary btn-sm" id="dropdownTags" ngbDropdownToggle>Tags</button>
<div class="dropdown-menu" ngbDropdownMenu aria-labelledby="dropdownTags">
<div class="dropdown-menu quick-filter" ngbDropdownMenu aria-labelledby="dropdownTags">
<div class="list-group list-group-flush">
<input class="list-group-item form-control" type="text" [(ngModel)]="searchText" placeholder="Filter tags">
<ng-container *ngIf="(tags | filter: searchText).length > 0">
@@ -91,7 +91,7 @@
<div class="btn-group ml-2" ngbDropdown role="group">
<button class="btn btn-outline-primary btn-sm" id="dropdownCorrespondents" ngbDropdownToggle>Correspondents</button>
<div class="dropdown-menu" ngbDropdownMenu aria-labelledby="dropdownCorrespondents">
<div class="dropdown-menu quick-filter" ngbDropdownMenu aria-labelledby="dropdownCorrespondents">
<div class="list-group list-group-flush">
<input class="list-group-item form-control" type="text" [(ngModel)]="searchText" placeholder="Filter correspondents">
<ng-container *ngIf="(correspondents | filter: searchText).length > 0">
@@ -109,7 +109,7 @@
<div class="btn-group ml-2" ngbDropdown role="group">
<button class="btn btn-outline-primary btn-sm" id="dropdownDocumentTypes" ngbDropdownToggle>Document Types</button>
<div class="dropdown-menu" ngbDropdownMenu aria-labelledby="dropdownDocumentTypes">
<div class="dropdown-menu quick-filter" ngbDropdownMenu aria-labelledby="dropdownDocumentTypes">
<div class="list-group list-group-flush">
<input class="list-group-item form-control" type="text" [(ngModel)]="searchText" placeholder="Filter tags">
<ng-container *ngIf="(documentTypes | filter: searchText).length > 0">

4
src-ui/src/app/components/document-list/document-list.component.scss
View File

@@ -0,0 +1,4 @@
.quick-filter {
min-width: 250px;
max-height: 400px;
}