self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2025-03-29 21:56:58 +02:00
Code Issues Releases Activity

Improving border radius UI for search fields #587

Browse Source
This commit is contained in:
Patrik J. Braun 2023-03-23 22:55:20 +01:00
parent 442e7f85ae
commit 76f4cb6dbd
5 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/frontend/app/ui/gallery/search/query-builder/query-builder.gallery.component.html
View File

@ -2,6 +2,7 @@
(ngModelChange)="validateRawSearchText()" (ngModelChange)="validateRawSearchText()"
(search)="search.emit()" (search)="search.emit()"
[placeholder]="placeholder" [placeholder]="placeholder"
class="rounded-2"
name="form-search-field"> name="form-search-field">
</app-gallery-search-field-base> </app-gallery-search-field-base>

2
src/frontend/app/ui/gallery/search/search-field-base/search-field-base.gallery.component.css
View File

@ -55,12 +55,14 @@
.search-text { .search-text {
border-radius: inherit !important;
z-index: 6; z-index: 6;
width: 100%; width: 100%;
background: transparent; background: transparent;
} }
.search-hint { .search-hint {
border-radius: inherit !important;
left: 0; left: 0;
z-index: 1; z-index: 1;
width: 100%; width: 100%;

6
src/frontend/app/ui/gallery/search/search-field-base/search-field-base.gallery.component.html
View File

@ -1,6 +1,6 @@
<div class="input-group"> <div class="input-group" style="border-radius: inherit">
<input type="text" <input type="text"
class="form-control search-text rounded-2" class="form-control search-text"
[placeholder]="placeholder" [placeholder]="placeholder"
(keyup)="onSearchChange($event)" (keyup)="onSearchChange($event)"
(blur)="onFocusLost()" (blur)="onFocusLost()"
@ -18,7 +18,7 @@
#SearchField #SearchField
autocomplete="off"> autocomplete="off">
<input type="text" <input type="text"
class="form-control search-hint rounded-2" class="form-control search-hint"
[ngModel]="SearchHint" [ngModel]="SearchHint"
name="srch-term-hint" name="srch-term-hint"
#SearchHintField #SearchHintField

2
src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.html
View File

@ -2,7 +2,7 @@
<app-gallery-search-field-base [(ngModel)]="rawSearchText" <app-gallery-search-field-base [(ngModel)]="rawSearchText"
(ngModelChange)="validateRawSearchText()" (ngModelChange)="validateRawSearchText()"
class="search-field col p-0" class="search-field col p-0 rounded-start-2"
(search)="search.emit()" (search)="search.emit()"
[placeholder]="placeholder" [placeholder]="placeholder"
name="search-field"> name="search-field">

2
src/frontend/app/ui/gallery/search/search.gallery.component.html
View File

@ -1,5 +1,5 @@
<form class="navbar-form" role="search" #SearchForm="ngForm"> <form class="navbar-form" role="search" #SearchForm="ngForm">
<div class="input-group flex-nowrap" style="place-content: flex-end"> <div class="input-group flex-nowrap" style="place-content: flex-end;">
<app-gallery-search-field-base [(ngModel)]="rawSearchText" <app-gallery-search-field-base [(ngModel)]="rawSearchText"
(ngModelChange)="validateRawSearchText()" (ngModelChange)="validateRawSearchText()"