diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-03-05 17:17:10 +0100 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-03-07 13:17:37 +0100 |
| commit | 955c2ee1a7d4936aa5fc4168cb1c8bff41f7ad8b (patch) | |
| tree | ce398d7a0f64cea623066db98cc4813e77ed7879 /core | |
| parent | a7a36402241ef98a3e1403c85e32a2170c6b2ca0 (diff) | |
| download | nextcloud-server-955c2ee1a7d4936aa5fc4168cb1c8bff41f7ad8b.tar.gz nextcloud-server-955c2ee1a7d4936aa5fc4168cb1c8bff41f7ad8b.zip | |
PoC inline icon-confirm with inputs
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/inputs.scss | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index 7b74d645481..91f74fbf1fa 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -212,6 +212,41 @@ select { padding-right: 24px !important; } +/* Confirm inputs */ +input { + &[type='text'], + &[type='password'], + &[type='email'] { + + .icon-confirm { + margin-left: -8px !important; + border-left-color: transparent !important; + border-radius: 0 $border-radius $border-radius 0 !important; + background-clip: padding-box; /* Avoid background under border */ + } + /* only show confirm borders if input is not focused */ + &:not(:active):not(:hover):not(:focus){ + + .icon-confirm { + &:active, + &:hover, + &:focus { + border-left-color: $color-primary-element !important; + border-radius: $border-radius !important; + } + } + } + &:active, + &:hover, + &:focus { + + .icon-confirm { + border-color: $color-primary-element !important; + border-left-color: transparent !important; + } + } + } + +} + + /* Various Fixes */ button img, .button img { |