chore: fix

taiga-family · Sep 23, 2024 · accb8e8 · accb8e8
1 parent 5f84450
commit accb8e8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 17 deletions.
diff --git a/projects/kit/components/input-phone-international/input-phone-international.style.less b/projects/kit/components/input-phone-international/input-phone-international.style.less
@@ -1,6 +1,6 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
-.t-country-select {
+.t-select {
     inline-size: 5.625rem;
     flex: none;
 
@@ -16,22 +16,14 @@
 .t-flag {
     inline-size: 1.75rem;
     block-size: 1.75rem;
-    border-radius: 50%;
-
-    &_select {
-        .fullsize(absolute, inset);
-
-        left: 0.5rem;
-        margin: auto;
-    }
+    border-radius: 100%;
 }
 
-.t-country-item-name {
-    margin-inline-start: 0.75rem;
-    margin-inline-end: auto;
+.t-name {
+    margin: 0 auto 0 0.75rem;
 }
 
-.t-country-item-code {
+.t-code {
     color: var(--tui-text-secondary);
     margin-inline-end: 0.25rem;
 }
diff --git a/projects/kit/components/input-phone-international/input-phone-international.template.html b/projects/kit/components/input-phone-international/input-phone-international.template.html
@@ -1,5 +1,5 @@
 <tui-textfield
-    class="t-country-select"
+    class="t-select"
     [content]="flag"
     [tuiChevron]="open()"
 >
@@ -14,7 +14,7 @@
 
     <ng-template #flag>
         <img
-            class="t-flag t-flag_select"
+            class="t-flag"
             [alt]="names()?.[countryIsoCode()]"
             [src]="countryIsoCode() | tuiFlag"
         />
@@ -65,8 +65,8 @@
             class="t-flag"
             [src]="item | tuiFlag"
         />
-        <span class="t-country-item-name">{{ names()?.[item] }}</span>
-        <span class="t-country-item-code">
+        <span class="t-name">{{ names()?.[item] }}</span>
+        <span class="t-code">
             {{ item | tuiGetCountryCallingCode: metadata() }}
         </span>
     </button>