fix(ux-overlap): ZERO CHAUVAUCHEMENT doctrine 60 - badges/Live-Ops/Factory reallocated + topbar reserve 130px right for nginx Logout sub_filter - GOLD preserved
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled

This commit is contained in:
Opus
2026-04-24 16:15:50 +02:00
parent 4694fdb774
commit 4bbdf7fa2c
3 changed files with 73 additions and 0 deletions

View File

@@ -292,6 +292,13 @@ footer a{color:var(--accent-hover);text-decoration:none}
.wtp-btn{background:linear-gradient(135deg,var(--wtp-primary),var(--wtp-accent));color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:var(--wtp-transition)}
.wtp-btn:hover{transform:translateY(-1px);box-shadow:var(--wtp-shadow)}
@media (max-width:768px){#weval-bot-widget{bottom:100px !important;right:16px !important;z-index:10001 !important}#weval-bot-btn{width:48px !important;height:48px !important}#weval-bot-btn svg{width:22px !important;height:22px !important}#footer_banner,.footer-banner,[class*="footer-bandeau"]{z-index:9990 !important}}
/* ===== WEVIA-OVERLAP-FIX-24AVR-PAGES - reserve top-right for nginx Logout ===== */
header.topbar{padding-right:130px !important}
#weval-global-logout{top:10px !important;right:12px !important;z-index:99995 !important;opacity:0.6 !important}
#weval-global-logout:hover{opacity:1 !important}
@media (max-width:900px){header.topbar .header-crumbs{display:none !important}}
/* ===== END WEVIA-OVERLAP-FIX-24AVR-PAGES ===== */
</style>
</head>

View File

@@ -319,6 +319,13 @@ body::before {
to { opacity: 1; transform: translateY(0); }
}
/* ===== WEVIA-OVERLAP-FIX-24AVR-PAGES - reserve top-right for nginx Logout ===== */
header.topbar{padding-right:130px !important}
#weval-global-logout{top:10px !important;right:12px !important;z-index:99995 !important;opacity:0.6 !important}
#weval-global-logout:hover{opacity:1 !important}
@media (max-width:900px){header.topbar .header-crumbs{display:none !important}}
/* ===== END WEVIA-OVERLAP-FIX-24AVR-PAGES ===== */
</style>
</head>
<body>

View File

@@ -192,6 +192,65 @@ body::after{content:none}
/* ensure msgs area scrolls within main */
.msgs{overflow-y:auto}
/* ===== END WEVIA-LAYOUT-FIX-24AVR ===== */
/* ===== WEVIA-OVERLAP-FIX-24AVR-V2 - doctrine zero chauvauchement ===== */
/* 1. Banner: ensure horizontal top full width, items don't wrap weirdly */
.wevia-portal-banner{
position:fixed !important;top:0 !important;left:0 !important;right:0 !important;
height:auto !important;min-height:44px !important;max-height:60px !important;
z-index:10000 !important;padding:8px 16px !important;
overflow-x:auto !important;overflow-y:hidden !important;
flex-wrap:nowrap !important;gap:10px !important;
background:linear-gradient(135deg,rgba(10,12,20,.95),rgba(18,22,40,.92)) !important;
backdrop-filter:blur(16px) !important;
border-bottom:1px solid rgba(34,211,238,.2) !important;
}
/* 2. Factory pill top-left => INTEGRATED IN BANNER as first item (move by z-index and offset) */
#w265-factory-cross{
position:fixed !important;top:8px !important;right:8px !important;left:auto !important;
z-index:10001 !important;
padding:4px 10px !important;font-size:10px !important;
background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.15)) !important;
border-radius:10px !important;
}
/* 3. opus-xlinks top-right badges => MOVE BELOW banner (top:50px), smaller, RIGHT of page */
#opus-xlinks{
position:fixed !important;top:50px !important;right:8px !important;
z-index:9997 !important;
max-width:180px !important;flex-wrap:wrap !important;
gap:4px !important;
justify-content:flex-end !important;
padding:4px !important;
}
#opus-xlinks a{
padding:3px 8px !important;font-size:10px !important;
border-radius:10px !important;
line-height:1.2 !important;
}
/* 4. Live Ops bottom-right => MOVE ABOVE send button (bottom:60px instead of 16px) */
a[href="/weval-live-ops.html"]{
bottom:60px !important;right:10px !important;
padding:6px 12px !important;font-size:11px !important;
z-index:9997 !important;
}
/* 5. Native chat widget bottom-left (speech bubble) => Higher z so visible but doesn't overlap banner */
.chat-launcher,.chat-bubble,[class*="chat-widget-launcher"]{
bottom:16px !important;left:16px !important;z-index:9996 !important;
}
/* 6. main content starts below banner (44px already set by layout-fix v1, re-affirm) */
.sidebar{top:44px !important}
.main{top:44px !important}
/* 7. Within sidebar, move opus-xlinks wrapping doesn't push elements */
/* 8. Prevent any button fixed top-right from overlapping banner: force min top:50px */
body > [style*="top:12px"][style*="right:12px"],
body > [style*="top: 12px"][style*="right: 12px"]{
top:50px !important;
}
/* 9. Within main chat - ensure chat send button + input area has margin bottom:60px for Live Ops */
.input-area,.input-row{padding-bottom:4px !important}
.main .msgs{padding-bottom:70px !important}
/* ===== END WEVIA-OVERLAP-FIX-24AVR-V2 ===== */
</style>
</head>
<body>