Merge pull request #24 from Abhishek-Wagh/15.0-develop

G2P-1587 changed some css for the login form and the background image
OpenG2P · Dec 8, 2023 · 0d30fdc · 0d30fdc
2 parents af10e21 + 8a6ba64
commit 0d30fdc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/g2p_theme/static/src/scss/new_login_page.scss b/g2p_theme/static/src/scss/new_login_page.scss
@@ -15,7 +15,7 @@ main:has(.g2p_login) {
     // max-height: 486px;
     position: relative;
     margin: 50px auto;
-    top: 100px;
+    top: -190%;
     background: #ffffff 0% 0% no-repeat padding-box;
     box-shadow: 0px 3px 15px #0000000d;
     border-radius: 20px;
@@ -128,23 +128,28 @@ main:has(.g2p_login) {
     opacity: 1;
 }
 
-.g2p_login .g2p-background {
+.oe_website_login_container {
     /* Layout Properties */
     position: absolute;
-    top: 312px;
-    left: 227px;
+    top: 50%;
+    left: 50%;
     width: 912px;
     height: 120px;
     /* UI Properties */
     background: transparent url("/g2p_theme/static/src/img/57485.png") 0% 0% no-repeat padding-box;
     opacity: 1;
+    transform: translate(-50%, -50%);
 }
 
 /* Responsive styles for smaller screens */
 @media screen and (max-width: 768px) {
     .g2p_login:not(.ssp-signup-body) .alert-danger {
         display: block;
     }
+
+    .oe_website_login_container {
+        width: 80%;
+    }
 }
 @media screen and (min-width: 769px) {
     .g2p_login:not(.ssp-signup-body) .alert-danger {

diff --git a/g2p_theme/templates/g2p_login_page.xml b/g2p_theme/templates/g2p_login_page.xml
@@ -35,7 +35,6 @@
 			<attribute name="placeholder">Enter password</attribute>
 		</xpath>
 		<xpath expr="//form" position="before">
-			<div class="g2p-background" />
 			<xpath expr="//p[@class='alert alert-success']" position="move" />
 			<xpath expr="//p[@class='alert alert-danger']" position="move" />
 		</xpath>