From ea64c8d6a99aa99d6fd1774095f335d724cdefd7 Mon Sep 17 00:00:00 2001 From: Alexey Pustoshilov Date: Wed, 13 Jan 2021 17:37:09 +0700 Subject: [PATCH] feat(input): add styles for icon actions --- src/packages/core/src/input/input.css | 30 +++++++++++++++++++ src/packages/core/src/input/input.html | 10 ++++--- .../core/src/input/input_labelless.html | 12 +++++--- 3 files changed, 44 insertions(+), 8 deletions(-) diff --git a/src/packages/core/src/input/input.css b/src/packages/core/src/input/input.css index 56d1ee2..509aa40 100644 --- a/src/packages/core/src/input/input.css +++ b/src/packages/core/src/input/input.css @@ -100,6 +100,36 @@ z-index: 2; } +._e_input__action { + display: inline-block; + width: var(--S24); + height: var(--S24); + margin-left: var(--S8); + cursor: pointer; + + &:first-child { + margin-left: 0; + } + + & svg { + width: var(--S24); + height: var(--S24); + fill: var(--N600); + } + + &:hover { + & svg { + fill: var(--N700); + } + } + + &:active { + & svg { + fill: var(--N800); + } + } +} + ._e_input__icon_passive { pointer-events: none; } diff --git a/src/packages/core/src/input/input.html b/src/packages/core/src/input/input.html index 03aa5b1..5794ac5 100644 --- a/src/packages/core/src/input/input.html +++ b/src/packages/core/src/input/input.html @@ -52,7 +52,7 @@
- + @@ -68,9 +68,11 @@ - - - +
+ + + +
UK diff --git a/src/packages/core/src/input/input_labelless.html b/src/packages/core/src/input/input_labelless.html index a365732..bf3c292 100644 --- a/src/packages/core/src/input/input_labelless.html +++ b/src/packages/core/src/input/input_labelless.html @@ -5,6 +5,13 @@ Label +
+
+ + + +
+
Hint @@ -52,7 +59,7 @@
- + @@ -68,9 +75,6 @@ - - -
UK