diff options
| author | Dixsie Wolmers <dixsie@ibm.com> | 2020-07-28 01:50:43 +0300 |
|---|---|---|
| committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-08-18 17:49:09 +0300 |
| commit | 5ea167820bb5f1cdfe4b501eb3c70daf1a3732d3 (patch) | |
| tree | 036f5394be2aadd70db9c0d11db34fe37408e96b /src/env | |
| parent | dc3fa2e0382145126101dc6df04d0338a119824f (diff) | |
| download | webui-vue-5ea167820bb5f1cdfe4b501eb3c70daf1a3732d3.tar.xz | |
Add form input field validation icons
Updates form validation to match updated style guide:
- Datepicker and password toggle form field
padding adjusted to accomodate validation icons
- Valid form validation icon is hidden
- Adds carbon icons and enables validation icons in
IBM environment
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I7edff1e9527ad2c2cfec236daacb83ad4864d785
Diffstat (limited to 'src/env')
| -rw-r--r-- | src/env/assets/styles/_ibm.scss | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/env/assets/styles/_ibm.scss b/src/env/assets/styles/_ibm.scss index 12fe0bc9..bd2bc73a 100644 --- a/src/env/assets/styles/_ibm.scss +++ b/src/env/assets/styles/_ibm.scss @@ -47,3 +47,8 @@ $primary: $blue; $danger: $red; $success: $green; $warning: $yellow; + +// Validation icons +$enable-validation-icons: true; +$form-feedback-icon-valid: none; +$form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$danger}' width='32' height='32' viewbox='0 0 32 32'><path fill='none' d='M0 0h32v32H0z'/><path d='M16 2C8.3 2 2 8.3 2 16s6.3 14 14 14 14-6.3 14-14S23.7 2 16 2zm5.4 21L16 17.6 10.6 23 9 21.4l5.4-5.4L9 10.6 10.6 9l5.4 5.4L21.4 9l1.6 1.6-5.4 5.4 5.4 5.4-1.6 1.6z'/></svg>");
\ No newline at end of file |