chore(kit): new InputNumber has too large button icons for l-size (…

…#10093)
taiga-family · Dec 28, 2024 · 8feb7ed · 8feb7ed
1 parent fc24c37
commit 8feb7ed
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/projects/kit/components/input-number/input-number.style.less b/projects/kit/components/input-number/input-number.style.less
@@ -29,6 +29,10 @@ TODO: if :has() is supported by all browsers
                 border-end-end-radius: inherit;
             }
 
+            tui-textfield[data-size='l'] & {
+                inline-size: var(--tui-height-m);
+            }
+
             tui-textfield[data-size='s'] & {
                 &:first-child {
                     border-start-end-radius: inherit;

diff --git a/projects/kit/components/input-number/input-number.template.html b/projects/kit/components/input-number/input-number.template.html
@@ -4,29 +4,29 @@
         class="t-input-number-buttons"
     >
         <button
+            size="s"
             tabindex="-1"
             tuiIconButton
             type="button"
             class="t-button"
             [appearance]="textfieldOptions.appearance()"
             [disabled]="!interactive() || value()! >= max()"
             [iconStart]="options.icons.increase"
-            [size]="textfieldOptions.size() === 'l' ? 'm' : 's'"
             (click.prevent)="onStep(step())"
             (mousedown.prevent)="element.focus()"
         >
             +
         </button>
 
         <button
+            size="s"
             tabindex="-1"
             tuiIconButton
             type="button"
             class="t-button"
             [appearance]="textfieldOptions.appearance()"
             [disabled]="!interactive() || value()! <= min()"
             [iconStart]="options.icons.decrease"
-            [size]="textfieldOptions.size() === 'l' ? 'm' : 's'"
             (click.prevent)="onStep(-step())"
             (mousedown.prevent)="element.focus()"
         >