From c77e570d1c66b525183baf7aba43030d71d08079 Mon Sep 17 00:00:00 2001
From: Enoch Qin <qyqdream@gmail.com>
Date: Tue, 8 Jun 2021 14:37:38 +0800
Subject: [PATCH] fix: Input style use show-password and clearable (#2168)
 (#2169)

* fix: Input style use show-password and clearable

* fix: replace Input classname
---
 packages/input/src/index.vue        | 3 ++-
 packages/theme-chalk/src/input.scss | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/input/src/index.vue b/packages/input/src/index.vue
index 628f40d478..35d6bb6ebe 100644
--- a/packages/input/src/index.vue
+++ b/packages/input/src/index.vue
@@ -10,7 +10,8 @@
         'el-input-group--append': $slots.append,
         'el-input-group--prepend': $slots.prepend,
         'el-input--prefix': $slots.prefix || prefixIcon,
-        'el-input--suffix': $slots.suffix || suffixIcon || clearable || showPassword
+        'el-input--suffix': $slots.suffix || suffixIcon || clearable || showPassword,
+        'el-input--suffix--password-clear': clearable && showPassword
       },
       $attrs.class
     ]"
diff --git a/packages/theme-chalk/src/input.scss b/packages/theme-chalk/src/input.scss
index 15362b0498..9614e33293 100644
--- a/packages/theme-chalk/src/input.scss
+++ b/packages/theme-chalk/src/input.scss
@@ -220,6 +220,12 @@
     .#{$namespace}-input__inner {
       padding-right: 30px;
     }
+
+    @include m(password-clear) {
+      .#{$namespace}-input__inner {
+        padding-right: 55px;
+      }
+    }
   }
 
   @include m(prefix) {