From 9950e6f966aa8964ba6283a75b1505da22bc87cd Mon Sep 17 00:00:00 2001 From: danranVm Date: Mon, 12 Dec 2022 15:26:10 +0800 Subject: [PATCH] fix(comp:input): the transition was inconsistent (#1352) --- packages/components/input/style/index.less | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/packages/components/input/style/index.less b/packages/components/input/style/index.less index ac64edb9d..57219d4a8 100644 --- a/packages/components/input/style/index.less +++ b/packages/components/input/style/index.less @@ -6,8 +6,6 @@ .reset-component-new(); .reset-color(@input-color, @input-background-color); - transition: all var(--ix-transition-duration-fast) var(--ix-ease-in-out); - &-sm { .input-size(@input-height-sm, @input-font-size-sm, @input-border-radius-sm); } @@ -60,20 +58,35 @@ &:focus, &-focused, &[disabled], - &-disabled { + .@{input-prefix}-disabled { background-color: transparent; border-color: transparent; box-shadow: none; + &:hover { + border-color: transparent; + } + .@{input-prefix}-inner, .@{input-prefix}-wrapper { background-color: transparent; border-color: transparent; box-shadow: none; + + &:hover { + border-color: transparent; + } } } } + &, + &-wrapper, + &-inner, + &-addon { + transition: all var(--ix-transition-duration-fast) var(--ix-ease-in-out); + } + &, &-wrapper, &-inner {