admin/Odoo-Modules
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(fusion_clock): kill portal white border — neutralise .o_fp_portal_shell

Browse Source 
Verified from the live DOM that fusion_plating_portal wraps the app in
#wrapwrap > main > .o_fp_portal_shell > .o_fp_portal_main > #wrap.o_portal_wrap
> .container. The white frame was .o_fp_portal_shell (+ .container max-width),
which my earlier wrapper-neutralisation didn't target. Add the shell + inner
main + force all wrappers transparent/full-width/no-padding under
body:has(.fclk-app). Live on entech 19.0.3.12.4.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-05-30 22:46:19 -04:00
parent 85bbd8a20e
commit 360370db15
2 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
fusion_clock/static/src/css/portal_clock.css
View File

@@ -104,22 +104,24 @@ body:has(.fclk-app.fclk-dark) {
background: #0f1117;
}
/* Neutralise the portal layout wrappers so the dark app fills edge-to-edge.
The portal wraps content in #wrapwrap > main > #wrap.o_portal_wrap >
.container, whose Bootstrap max-width (centred) + "pt-3 pb-5" padding is
what showed as a white frame on wider screens. */
/* Neutralise EVERY portal layout wrapper so the dark app fills edge-to-edge.
Confirmed from the live DOM that the chain is:
#wrapwrap > main > .o_fp_portal_shell > .o_fp_portal_main >
#wrap.o_portal_wrap > .container > .fclk-app
The white frame was .o_fp_portal_shell (the fusion_plating_portal "shell")
plus the Bootstrap .container max-width + "pt-3 pb-5" padding. Make them all
transparent, full-width, no padding/margin/border. */
body:has(.fclk-app) #wrapwrap,
body:has(.fclk-app) main,
body:has(.fclk-app) #wrap.o_portal_wrap {
body:has(.fclk-app) .o_fp_portal_shell,
body:has(.fclk-app) .o_fp_portal_main,
body:has(.fclk-app) #wrap.o_portal_wrap,
body:has(.fclk-app) #wrap.o_portal_wrap > .container {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
}
body:has(.fclk-app) #wrap.o_portal_wrap > .container,
body:has(.fclk-app) main > .container {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
.fclk-container {