Stabilize workplace login styling

This commit is contained in:
metatroncubeswdev 2026-08-31 15:32:06 -04:00
parent 0dff2c7cae
commit 791ae7a957
3 changed files with 34 additions and 72 deletions

View File

@ -29,7 +29,6 @@
],
"assets": {
"web.assets_frontend": [
"mcs_corporate_website/static/src/js/login_page.js",
"mcs_corporate_website/static/src/scss/corporate_website.scss",
],
},

View File

@ -1,7 +0,0 @@
/** @odoo-module **/
document.addEventListener("DOMContentLoaded", () => {
if (document.querySelector('form[action="/web/login"]')) {
document.body.classList.add("mcs-login-page");
}
});

View File

@ -820,48 +820,38 @@
padding: 12px 14px;
}
body.mcs-login-page {
background: #F6F7F9;
#wrapwrap {
min-height: 100vh;
background:
linear-gradient(90deg, #101114 0%, #101114 48%, #F6F7F9 48%, #F6F7F9 100%);
}
main {
min-height: calc(100vh - 76px);
display: grid;
place-items: center;
padding: 48px 24px;
}
main::before {
content: "Your workplace. Connected.\\A Attendance, support and collaboration in one place.";
white-space: pre-line;
position: fixed;
left: 8vw;
top: 38vh;
max-width: 440px;
color: #fff;
font-size: 3.1rem;
line-height: 1.05;
font-weight: 820;
letter-spacing: 0;
}
form[action="/web/login"] {
.oe_login_form {
width: min(430px, 100%);
margin-left: 42vw;
padding: 34px;
border: 1px solid #E6E8EC;
border-radius: 14px;
background: #fff;
box-shadow: 0 24px 70px rgba(17, 24, 39, 0.14);
&::before {
content: "Metatroncube Workplace";
display: block;
margin-bottom: 18px;
color: #17181B;
font-size: 1.5rem;
line-height: 1.1;
font-weight: 800;
letter-spacing: 0;
}
&::after {
content: "Employee Access | Customer Support Access";
display: block;
margin-top: 18px;
color: #6B7280;
font-size: 0.84rem;
text-align: center;
}
.form-control {
min-height: 46px;
border-radius: 10px;
border-color: #E6E8EC;
}
.btn-primary {
@ -873,26 +863,6 @@ body.mcs-login-page {
font-weight: 800;
}
}
}
@media (max-width: 991.98px) {
body.mcs-login-page {
#wrapwrap {
background: #F6F7F9;
}
main::before {
position: static;
color: #17181B;
font-size: 2.2rem;
margin-bottom: 22px;
}
form[action="/web/login"] {
margin-left: 0;
}
}
}
.mcs-timeline {
display: grid;