From 62f5d389da5ec2dadc51a785c77965b28eb136ab Mon Sep 17 00:00:00 2001 From: DaniilDem Date: Fri, 2 Feb 2024 17:28:10 +0100 Subject: [PATCH] fix(TextInput): unequal text alignment in textinput --- .../controls/TextInput/TextInput.scss | 27 ++++++++++++++++--- 1 file changed, 23 insertions(+), 4 deletions(-) diff --git a/src/components/controls/TextInput/TextInput.scss b/src/components/controls/TextInput/TextInput.scss index 669cac6136..b768bad563 100644 --- a/src/components/controls/TextInput/TextInput.scss +++ b/src/components/controls/TextInput/TextInput.scss @@ -35,6 +35,25 @@ @include mixins.text-accent; } +@mixin input-control($size) { + @include control-mixins.input-control($size); + @if $size == 's' { + line-height: #{variables.$s-height - control-variables.$border-width * 2}; + } + + @if $size == 'm' { + line-height: #{variables.$m-height - control-variables.$border-width * 2}; + } + + @if $size == 'l' { + line-height: #{variables.$l-height - control-variables.$border-width * 2}; + } + + @if $size == 'xl' { + line-height: #{variables.$xl-height - control-variables.$border-width * 2}; + } +} + $block: '.#{variables.$ns}text-input'; #{$block} { @@ -110,7 +129,7 @@ $block: '.#{variables.$ns}text-input'; &_size { &_s { #{$block}__control { - @include control-mixins.input-control(s); + @include input-control(s); } #{$block}__label { @@ -140,7 +159,7 @@ $block: '.#{variables.$ns}text-input'; &_m { #{$block}__control { - @include control-mixins.input-control(m); + @include input-control(m); } #{$block}__label { @@ -170,7 +189,7 @@ $block: '.#{variables.$ns}text-input'; &_l { #{$block}__control { - @include control-mixins.input-control(l); + @include input-control(l); } #{$block}__label { @@ -200,7 +219,7 @@ $block: '.#{variables.$ns}text-input'; &_xl { #{$block}__control { - @include control-mixins.input-control(xl); + @include input-control(xl); } #{$block}__label {