MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tag: Manual revert
No edit summary
Tag: Reverted
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,
.ext-aiassistant-panel {
z-index: 2000 !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;
max-width: none !important;
max-height: none !important;
 
/* 1. FORCE HEADER /* Pin toTO allSTAY 4ON cornersGLASS */
.ext-aiassistant-panelheader {
position: fixed !important; /* Detach from panel flow */
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottomwidth: 0100% !important;
height: 55px !important; /* Force a stable height */
 
z-index: 2005 !important; /* ResetEnsure stylesit forsits aon flattop app-likeof lookeverything */
border-radiusbackground: 0#ffffff !important;
margin: 0 !important;
border-radius: 0 !important;
}
 
/* Ensure2. thePUSH internalBODY chatCONTENT body expands to fill the spaceDOWN */
/* Since header is fixed, we need to add space so text isn't hidden */
.ext-aiassistant-body {
heightpadding-top: auto60px !important; /* Header height + 5px buffer */
flex-growheight: 1100% !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;
z-index top: 20000 !important;
max-heightleft: none0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
max-widthborder: none !important;
border-radius: 0 !important;
/* Prevent background scroll interaction */
touch-action: none;
}
}