diff options
| author | dixsie <dixsiew@gmail.com> | 2019-04-16 13:30:30 -0500 |
|---|---|---|
| committer | Gunnar Mills <gmills@us.ibm.com> | 2019-05-08 14:49:57 +0000 |
| commit | 565efda513bbcda6c1c675eaebac6138782febe4 (patch) | |
| tree | e1c4ace003ad445867b66f6215d3f20e106c1ea5 /app/common/styles/base | |
| parent | de382089de4cf920a59e75124da3f4d7cac056d0 (diff) | |
| download | phosphor-webui-565efda513bbcda6c1c675eaebac6138782febe4.tar.gz phosphor-webui-565efda513bbcda6c1c675eaebac6138782febe4.zip | |
Fix system overview edit hostname form validation
- Add pattern for no spaces
- Fix character count
- Prepopulate hostname in input field
- Show error for invalid input
- Improve form accessibility
- Correct global disabled primary button style
Resolves openbmc/phosphor-webui#71
Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com>
Change-Id: Ia0601ac7c52229d0606dc5b13397b468fa81426d
Diffstat (limited to 'app/common/styles/base')
| -rw-r--r-- | app/common/styles/base/buttons.scss | 5 | ||||
| -rw-r--r-- | app/common/styles/base/colors.scss | 2 |
2 files changed, 4 insertions, 3 deletions
diff --git a/app/common/styles/base/buttons.scss b/app/common/styles/base/buttons.scss index 31b72ff..70b70cc 100644 --- a/app/common/styles/base/buttons.scss +++ b/app/common/styles/base/buttons.scss @@ -11,7 +11,6 @@ button, .button, .submit { cursor: pointer; } &.disabled { - opacity: 0.2; color: $btn__disabled-txt; &:hover { cursor: default; @@ -30,8 +29,8 @@ button, .button, .submit { @include fastTransition-all; } &.disabled { - background: $btn__disabled-bg; - color: $btn__disabled-txt; + background: $primebtn__disabled-bg; + color: $primebtn__disabled-txt; @include fastTransition-all; &:hover { cursor: default; diff --git a/app/common/styles/base/colors.scss b/app/common/styles/base/colors.scss index 6761967..03e8e19 100644 --- a/app/common/styles/base/colors.scss +++ b/app/common/styles/base/colors.scss @@ -12,6 +12,8 @@ $field__disabled: #e6e6e6; $field__focus: #3C6DEF; $btn__disabled-txt: #a6a5a6; $btn__disabled-bg: #d8d8d8; +$primebtn__disabled-txt: #999999; +$primebtn__disabled-bg: #CCCCCC; // Dark background $darkbg__grey: #E3ECEC; |
