MetatroncubeSoftwareSolutions/odoo-metatroncube
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stabilize workplace login styling

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
addons/mcs_corporate_website/__manifest__.py
View File

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

7
addons/mcs_corporate_website/static/src/js/login_page.js
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");
}
});

98
addons/mcs_corporate_website/static/src/scss/corporate_website.scss
View File

@ -820,77 +820,47 @@
padding: 12px 14px; padding: 12px 14px;
} }
body.mcs-login-page { .oe_login_form {
background: #F6F7F9; width: min(430px, 100%);
padding: 34px;
border: 1px solid #E6E8EC;
border-radius: 14px;
background: #fff;
box-shadow: 0 24px 70px rgba(17, 24, 39, 0.14);
#wrapwrap { &::before {
min-height: 100vh; content: "Metatroncube Workplace";
background: display: block;
linear-gradient(90deg, #101114 0%, #101114 48%, #F6F7F9 48%, #F6F7F9 100%); margin-bottom: 18px;
} color: #17181B;
font-size: 1.5rem;
main { line-height: 1.1;
min-height: calc(100vh - 76px); font-weight: 800;
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; letter-spacing: 0;
} }
form[action="/web/login"] { &::after {
width: min(430px, 100%); content: "Employee Access | Customer Support Access";
margin-left: 42vw; display: block;
padding: 34px; margin-top: 18px;
border: 1px solid #E6E8EC; color: #6B7280;
border-radius: 14px; font-size: 0.84rem;
background: #fff; text-align: center;
box-shadow: 0 24px 70px rgba(17, 24, 39, 0.14);
.form-control {
min-height: 46px;
border-radius: 10px;
}
.btn-primary {
width: 100%;
min-height: 46px;
border-radius: 10px;
background: #1C4ED8;
border-color: #1C4ED8;
font-weight: 800;
}
} }
}
@media (max-width: 991.98px) { .form-control {
body.mcs-login-page { min-height: 46px;
#wrapwrap { border-radius: 10px;
background: #F6F7F9; border-color: #E6E8EC;
} }
main::before { .btn-primary {
position: static; width: 100%;
color: #17181B; min-height: 46px;
font-size: 2.2rem; border-radius: 10px;
margin-bottom: 22px; background: #1C4ED8;
} border-color: #1C4ED8;
font-weight: 800;
form[action="/web/login"] {
margin-left: 0;
}
} }
} }