From ef9108cc424778e077b2e1d117e56fd32e2ec7b8 Mon Sep 17 00:00:00 2001 From: trinetra110 Date: Sat, 9 Nov 2024 14:26:47 +0530 Subject: [PATCH 1/2] feat: add password toggle button for stakeholder --- public/css/login_style.css | 53 ++++++++++++++++++++++---------- public/stk_login.html | 63 ++++++++++++++++++++++++-------------- public/stk_signup.html | 44 ++++++++++++++++++-------- 3 files changed, 108 insertions(+), 52 deletions(-) diff --git a/public/css/login_style.css b/public/css/login_style.css index abbe2ff..9d471b7 100644 --- a/public/css/login_style.css +++ b/public/css/login_style.css @@ -2,7 +2,7 @@ box-sizing: border-box; margin: 0; padding: 0; - font-family: 'Poppins', sans-serif; + font-family: "Poppins", sans-serif; } body { @@ -10,11 +10,11 @@ body { display: flex; justify-content: center; align-items: center; - background: linear-gradient(to bottom right,#4e54c8, #8f94fb); + background: linear-gradient(to bottom right, #4e54c8, #8f94fb); color: #333; } -.gtranslate_wrapper{ +.gtranslate_wrapper { background-color: white; position: absolute; bottom: 30px; @@ -22,28 +22,26 @@ body { height: 47px; /* width: 40px;; */ margin: auto; - padding: 10px;; + padding: 10px; } - - -#icon{ +#icon { width: 30px; cursor: pointer; position: absolute; - top: 30px; + top: 30px; right: 30px; } -#icon:hover{ +#icon:hover { font-weight: 800; } -:root{ +:root { --primary-color: #fff; --secondary-color: #0e0e0e; } -.dark-theme{ +.dark-theme { --primary-color: #0e0e0e; --secondary-color: #fff; } @@ -121,6 +119,24 @@ form input:focus { box-shadow: 0 0 8px rgba(142, 160, 240, 0.5); } +.password-container { + position: relative; + display: flex; + align-items: center; +} + +.password-container input { + padding-right: 30px; /* Add some padding to avoid text overlap with the icon */ +} + +.password-container #togglePassword { + position: absolute; + right: 10px; /* Adjust as needed for spacing */ + cursor: pointer; + top: 40%; /* Center vertically */ + transform: translateY(-60%); /* Move it slightly up */ +} + a { display: block; text-align: right; @@ -144,7 +160,7 @@ button { border: none; border-radius: 8px; cursor: pointer; - transition: 0.4s ease-in; + transition: 0.4s ease-in; } button:hover { @@ -157,7 +173,7 @@ button:hover { font-size: 15px; } -.register p{ +.register p { color: var(--secondary-color); } @@ -169,10 +185,13 @@ button:hover { .register a:hover { text-decoration: underline; - color:blue; + color: blue; } -#box1, #box2, #box3, #box4 { +#box1, +#box2, +#box3, +#box4 { width: 100%; max-width: 500px; padding: 12px; @@ -192,7 +211,9 @@ button:hover { display: none; } -#box2, #box3, #box4 { +#box2, +#box3, +#box4 { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; diff --git a/public/stk_login.html b/public/stk_login.html index 4d2bdd9..114e439 100644 --- a/public/stk_login.html +++ b/public/stk_login.html @@ -6,22 +6,20 @@ SignIn (stakeholder) +
- + window.gtranslateSettings = { + default_language: "en", + detect_browser_language: true, + wrapper_selector: ".gtranslate_wrapper", + font_size: 100, + }; + +
@@ -44,7 +42,10 @@

(for S - +
+ + +
Forgot Password?
@@ -57,16 +58,32 @@

(for S

+ + + - + window.gtranslateSettings = { + default_language: "en", + detect_browser_language: true, + wrapper_selector: ".gtranslate_wrapper", + font_size: 100, + }; + +

Please Try Again! Account Already Exists

@@ -43,7 +41,10 @@

Sign Up

- +
+ + +
@@ -55,6 +56,23 @@

Sign Up

Successfully Registered... Redirecting Please Wait...

+ + + + - + \ No newline at end of file From bc37b74e0babbd067ed74f9ed6cfb4569b9e4911 Mon Sep 17 00:00:00 2001 From: trinetra110 Date: Sat, 9 Nov 2024 14:52:27 +0530 Subject: [PATCH 2/2] minor bug fix --- public/stk_login.html | 2 +- public/stk_signup.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/public/stk_login.html b/public/stk_login.html index 114e439..e61d280 100644 --- a/public/stk_login.html +++ b/public/stk_login.html @@ -44,7 +44,7 @@

(for S
- +
Forgot Password? diff --git a/public/stk_signup.html b/public/stk_signup.html index a34a79a..271b7c4 100644 --- a/public/stk_signup.html +++ b/public/stk_signup.html @@ -43,7 +43,7 @@

Sign Up

- +