From a084afa941187b0476c41cc6ff79bf978aa64fe2 Mon Sep 17 00:00:00 2001 From: Anton Fast Date: Thu, 18 Jan 2024 16:01:25 +0100 Subject: [PATCH 1/3] PFE-6: Added input-border-disabled-color and changed success border color for input fields --- src/less/components/payex/form.less | 50 +++++++++++++++++++++++++++++ src/less/variables-payex.less | 3 +- 2 files changed, 52 insertions(+), 1 deletion(-) diff --git a/src/less/components/payex/form.less b/src/less/components/payex/form.less index 30695777f0..7ac501b7fd 100644 --- a/src/less/components/payex/form.less +++ b/src/less/components/payex/form.less @@ -3,3 +3,53 @@ .help-block { color: @help-block-text; } + + +.form-group { + &.disabled, + [disabled] { + color: @brand-secondary-light-3; + + .input-group-addon { + border-color: var(--input-border-disabled-color); + color: var(--text-disabled); + + i { + color: var(--text-disabled); + } + } + + input::placeholder { + color: var(--text-disabled); + } + + &.form-control { + border-color: var(--input-border-disabled-color); + } + + label { + color: var(--text-disabled); + } + } + + &.has-success { + .form-control { + border-color: var(--input-border-success-color); + } + + .input-group-addon, + .input-group-addon.postfix { + border-color: var(--input-border-success-color); + } + + i { + color: var(--input-border-success-color); + } + + &:focus-within { + .form-control { + border-color: var(--input-border-focus-color); + } + } + } +} \ No newline at end of file diff --git a/src/less/variables-payex.less b/src/less/variables-payex.less index 293e75b28a..21437bdec5 100644 --- a/src/less/variables-payex.less +++ b/src/less/variables-payex.less @@ -250,7 +250,8 @@ body { --input-addon-color: var(--brand-secondary, #3c3c3c); --input-border-color: var(--brand-secondary-hover, #5f5f5f); --input-border-focus-color: var(--brand-secondary, #3c3c3c); - --input-border-success-color: var(--payex-light-blue); + --input-border-success-color: var(--brand-success); + --input-border-disabled-color: var(--brand-secondary-light-3, #c8c8c8); /* Panel */ --panel-default-border-color: var(--brand-secondary-light-3, #c8c8c8); From 94e88f83c1b2f44ad5884bf7b91755e98d4d1978 Mon Sep 17 00:00:00 2001 From: Anton Fast Date: Fri, 19 Jan 2024 10:52:29 +0100 Subject: [PATCH 2/3] PFE-6: changed to --brand-secondary-light-3 --- src/less/components/payex/form.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/less/components/payex/form.less b/src/less/components/payex/form.less index 7ac501b7fd..163eed4c90 100644 --- a/src/less/components/payex/form.less +++ b/src/less/components/payex/form.less @@ -8,7 +8,7 @@ .form-group { &.disabled, [disabled] { - color: @brand-secondary-light-3; + color: --brand-secondary-light-3; .input-group-addon { border-color: var(--input-border-disabled-color); From 0ead1eb350d0f68d19549dd71a6f887edd1a86cd Mon Sep 17 00:00:00 2001 From: Anton Fast Date: Fri, 19 Jan 2024 11:06:16 +0100 Subject: [PATCH 3/3] PFE-6: Forgot to add var --- src/less/components/payex/form.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/less/components/payex/form.less b/src/less/components/payex/form.less index 163eed4c90..0b35424aae 100644 --- a/src/less/components/payex/form.less +++ b/src/less/components/payex/form.less @@ -8,7 +8,7 @@ .form-group { &.disabled, [disabled] { - color: --brand-secondary-light-3; + color: var(--brand-secondary-light-3); .input-group-addon { border-color: var(--input-border-disabled-color);