Merge pull request #2663 from SUI-Components/feat/add_padding_to_inpu…

…t_password feat(components/atom/input): Add padding right to input password
SUI-Components · Nov 17, 2023 · 2f6209b · 2f6209b
2 parents 038840c + a0c8949
commit 2f6209b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/components/atom/input/src/Password/styles/index.scss b/components/atom/input/src/Password/styles/index.scss
@@ -4,9 +4,14 @@ $base-class-password: '#{$base-class-input}-password';
   position: relative;
   width: 100%;
 
+  & > input {
+    padding-right: $pr-atom-input-password;
+  }
+
   &--toggleButton {
     color: $c-atom-input-password-toggle-button;
     cursor: pointer;
+    display: flex;
     position: absolute;
     right: $r-atom-input-password-toggle-button;
     top: 50%;

diff --git a/components/atom/input/src/Password/styles/settings.scss b/components/atom/input/src/Password/styles/settings.scss
@@ -1,2 +1,3 @@
 $r-atom-input-password-toggle-button: $gutter !default;
 $c-atom-input-password-toggle-button: $c-primary !default;
+$pr-atom-input-password: 36px !default;