style(country-search): background & outline

rbalet · Jun 19, 2024 · 25428b3 · 25428b3
1 parent dda179c
commit 25428b3
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-mat-input-tel",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

diff --git a/projects/ngx-mat-input-tel/package.json b/projects/ngx-mat-input-tel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-mat-input-tel",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": {
     "name": "Raphaël Balet",
     "email": "[email protected]"

diff --git a/projects/ngx-mat-input-tel/src/lib/ngx-mat-input-tel.component.html b/projects/ngx-mat-input-tel/src/lib/ngx-mat-input-tel.component.html
@@ -28,13 +28,18 @@
       [placeholder]="searchPlaceholder"
       (click)="$event.stopPropagation()"
       style="
-        width: 100%;
+        width: calc(100% - 4px);
         height: 34px;
-        border: none;
-        border-bottom: 1px solid #ddd;
+        border-top: none;
+        border-right: none;
+        border-left: none;
+        border-image: initial;
+        border-bottom: 1px solid rgb(221, 221, 221);
         font-size: 14px;
-        padding: 20px 20px 24px;
+        padding: 20px 10px 24px;
         box-sizing: border-box;
+        background: transparent;
+        margin: 2px;
       "
     />
     <button