1
0
mirror of https://github.com/bpatrik/pigallery2.git synced 2024-12-23 01:27:14 +02:00

Improving border radius UI for search fields #587

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

View File

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

View File

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

View File

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

View File

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

View File

@ -1,5 +1,5 @@
<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"
(ngModelChange)="validateRawSearchText()"