From 94a380735301765c25672d80f1fae6d587a0ed33 Mon Sep 17 00:00:00 2001 From: Hamidreza Ghavami <70919649+hamid-gh98@users.noreply.github.com> Date: Sat, 13 May 2023 17:42:11 +0430 Subject: [PATCH 1/2] fix input bg color in login page --- web/assets/ant-design-vue@1.7.2/antd.min.css | 2 +- web/assets/css/custom.css | 9 +++++++++ web/html/login.html | 2 +- 3 files changed, 11 insertions(+), 2 deletions(-) diff --git a/web/assets/ant-design-vue@1.7.2/antd.min.css b/web/assets/ant-design-vue@1.7.2/antd.min.css index 94a91271..66630ff9 100644 --- a/web/assets/ant-design-vue@1.7.2/antd.min.css +++ b/web/assets/ant-design-vue@1.7.2/antd.min.css @@ -629,7 +629,7 @@ to{transform:scaleY(0);transform-origin:0 0;opacity:0} .ant-input:-moz-placeholder-shown{text-overflow:ellipsis} .ant-input:-ms-input-placeholder{text-overflow:ellipsis} .ant-input:placeholder-shown{text-overflow:ellipsis} -.ant-input:focus,.ant-input:hover{border-color:rgb(0, 150, 112) !important;border-right-width:1px!important;background-color: rgb(0 149 111 / 10%)} +.ant-input:focus,.ant-input:hover{border-color:rgb(0, 150, 112) !important;border-right-width:1px!important;} .ant-input:focus{outline:0;box-shadow:rgba(0, 150, 112, 0.2) 0px 0px 0px 2px} .ant-input-disabled{color:rgba(0,0,0,.25);background-color:#f5f5f5;cursor:not-allowed;opacity:1} .ant-input-disabled:hover{border-color:#d9d9d9;border-right-width:1px!important} diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css index 3d43f827..ab7f6bf6 100644 --- a/web/assets/css/custom.css +++ b/web/assets/css/custom.css @@ -297,6 +297,15 @@ body { border: 1px solid rgb(0 150 112 / 0%); } +section:not(.login) .ant-input:focus, +section:not(.login) .ant-input:hover, +section:not(.login) .ant-input-number:focus, +section:not(.login) .ant-input-number:hover, +section:not(.login) .ant-calendar-input:focus, +section:not(.login) .ant-calendar-input:hover { + background-color: rgba(0, 149, 111, 0.1); +} + .ant-card-dark .ant-select-disabled .ant-select-selection { border: 1px solid rgba(255, 255, 255, 0.2); background-color: #242c3a; diff --git a/web/html/login.html b/web/html/login.html index a2bde74f..68b38624 100644 --- a/web/html/login.html +++ b/web/html/login.html @@ -46,7 +46,7 @@ - + From f2132c62e9318433e4a0823dcf42e7ca730cd6a6 Mon Sep 17 00:00:00 2001 From: Hamidreza Ghavami <70919649+hamid-gh98@users.noreply.github.com> Date: Sat, 13 May 2023 18:00:47 +0430 Subject: [PATCH 2/2] fix input style --- web/assets/css/custom.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css index ab7f6bf6..bb6409d0 100644 --- a/web/assets/css/custom.css +++ b/web/assets/css/custom.css @@ -297,12 +297,12 @@ body { border: 1px solid rgb(0 150 112 / 0%); } -section:not(.login) .ant-input:focus, -section:not(.login) .ant-input:hover, -section:not(.login) .ant-input-number:focus, -section:not(.login) .ant-input-number:hover, -section:not(.login) .ant-calendar-input:focus, -section:not(.login) .ant-calendar-input:hover { +.ant-layout:not(.login) .ant-input:focus, +.ant-layout:not(.login) .ant-input:hover, +.ant-layout:not(.login) .ant-input-number:focus, +.ant-layout:not(.login) .ant-input-number:hover, +.ant-layout:not(.login) .ant-calendar-input:focus, +.ant-layout:not(.login) .ant-calendar-input:hover { background-color: rgba(0, 149, 111, 0.1); }