lgcosta/paperless-ngx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust search form container sizing

Browse Source
This commit is contained in:
shamoon 2024-04-02 15:59:28 -07:00
parent 9f7f5caa68
commit ddc6be0797
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src-ui/src/app/components/app-frame/app-frame.component.html
View File

@ -25,7 +25,9 @@
</div> </div>
</a> </a>
<div class="search-container flex-grow-1 py-2 pb-3 pb-sm-2 px-3 ps-md-4 me-sm-auto order-3 order-sm-1"> <div class="search-container flex-grow-1 py-2 pb-3 pb-sm-2 px-3 ps-md-4 me-sm-auto order-3 order-sm-1">
<pngx-global-search></pngx-global-search> <div class="col-12 col-md-7">
<pngx-global-search></pngx-global-search>
</div>
</div> </div>
<ul ngbNav class="order-sm-3"> <ul ngbNav class="order-sm-3">
<li ngbDropdown class="nav-item dropdown"> <li ngbDropdown class="nav-item dropdown">

4
src-ui/src/app/components/app-frame/global-search/global-search.component.html
View File

@ -1,6 +1,6 @@
<div ngbDropdown #resultsDropdown="ngbDropdown" (openChange)="onDropdownOpenChange"> <div ngbDropdown #resultsDropdown="ngbDropdown" (openChange)="onDropdownOpenChange">
<form class="form-inline col-12 col-md-6 position-relative"> <form class="form-inline position-relative">
<i-bs width="1em" height="1em" name="search"></i-bs> <i-bs width="1em" height="1em" name="search"></i-bs>
<input #searchInput class="form-control form-control-sm" type="text" name="query" <input #searchInput class="form-control form-control-sm" type="text" name="query"
autocomplete="off" placeholder="Search" aria-label="Search" i18n-placeholder autocomplete="off" placeholder="Search" aria-label="Search" i18n-placeholder
@ -57,7 +57,7 @@
</div> </div>
</ng-template> </ng-template>
<div ngbDropdownMenu class="col-6 mh-75 overflow-y-scroll"> <div ngbDropdownMenu class="w-100 mh-75 overflow-y-scroll">
@if (searchResults?.total === 0) { @if (searchResults?.total === 0) {
<h6 class="dropdown-header" i18n="@@searchResults.noResults">No results</h6> <h6 class="dropdown-header" i18n="@@searchResults.noResults">No results</h6>
} @else { } @else {