MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1,144:
 
/* ======================================================= */
/* 3. AI ASSISTANT -(AXA BRAIN) CUSTOMIZATION "STICKY HEADER" FIX (MOBILE) */
/* ======================================================= */
 
/* 1. GLOBAL LAYER (All Devices) */
/* We ONLY force the layer order here, not the position. */
/* This ensures it sits on top of your floating buttons (z-index: 1002). */
.ext-aiassistant-panel {,
.ext-aiassistant-headerpanel {
topz-index: 02000 !important;
}
 
/* 2. MOBILE ONLY: FULL SCREEN MODE */
/* We only force 'fixed' position on mobile to lock it to the screen. */
@media screen and (max-width: 768px) {
.ext-aiassistant-panel {
/* Force Fixed so it covers the screen regardless of scroll */
position: fixed !important;
/* Override inline styles to force full width/height */
width: 100% !important;
height: 100% !important;
bordermax-width: none !important;
leftmax-height: 0none !important;
 
/* 1. FORCE HEADER TO/* Pin to STAYall ON4 GLASScorners */
.ext-aiassistant-header {
position: fixed !important; /* Detach from panel flow */
top: 0 !important;
left: 0 !important;
right: 0 !important;
widthbottom: 100%0 !important;
 
height: 55px !important; /* Force a stable height */
z-index: 2005 !important; /* EnsureReset itstyles sitsfor ona topflat ofapp-like everythinglook */
backgroundborder-radius: #ffffff0 !important;
margin: 0 !important;
border-radius: 0 !important;
}
}
 
/* 2.Ensure PUSHthe BODYinternal CONTENTchat DOWNbody expands to fill the space */
/* Since header is fixed, we need to add space so text isn't hidden */
.ext-aiassistant-body {
padding-topheight: 60pxauto !important; /* Header height + 5px buffer */
heightflex-grow: 100%1 !important;
padding-bottom: 80px !important; /* Space for footer/keyboard */
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
}
 
/* 3. RESET PANEL CONTAINER */
.ext-aiassistant-panel {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border: none !important;
border-radius: 0 !important;
/* Prevent background scroll interaction */
touch-action: none;
}
}