Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
Tag: Manual revert
No edit summary
Tag: Reverted
Line 1,144:
 
/* ======================================================= */
/* 3. AI ASSISTANT (AXA BRAIN) CUSTOMIZATION - IOS KEYBOARD FIX */
/* ======================================================= */
 
/* 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 {
/* Force1. FixedUse soDynamic itViewport coversHeight the(dvh) screen regardless of scroll */
This automatically subtracts the keyboard height when it opens. */
position: fixed !important;▼
height: 100dvh !important;
max-height: none100dvh !important;▼
/* Override inline styles to force full width/height */
width: 100% !important;▼
height: 100% !important;
max-width: none !important;▼
▲ max-height: none !important;
 
/* Pin2. toForce allFixed 4Positioning to cornersTop/Left */
▲ position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
▲ width: 100% !important;
 
/* Reset3. stylesFlexbox forLayout a flat app-like lookEnforcement */
border-radiusdisplay: 0flex !important;
flex-direction: column !important;
/* 4. Reset margins/borders for full screen */
margin: 0 !important;
▲ max-widthborder: none !important;
▲ heightborder-radius: 100%0 !important;
/* 5. Prevent the whole panel from scrolling off-screen */
overflow: hidden !important;
overscroll-behavior: none !important;
}
 
/* --- CRITICAL FIX: PREVENT HEADER/FOOTER COLLAPSE --- */
/* EnsureLock the internalHeader chat body expands to fill the spaceHeight */
▲ .ext-aiassistant,-header {
flex: 0 0 auto !important; /* Do not grow, Do not shrink, Auto basis */
min-height: 50px !important; /* Ensure minimum visibility */
▲ z-index: 20002002 !important;
}
 
/* Lock the Footer Height */
▲ .ext-aiassistant-panelfooter {
flex: 0 0 auto !important; /* Do not grow, Do not shrink */
padding-bottom: env(safe-area-inset-bottom) !important; /* Handle iPhone Home Bar */
background: #ffffff !important; /* Ensure background is solid so content doesn't show behind */
z-index: 2002 !important;
}
 
/* Make the Body take up ONLY the remaining space */
.ext-aiassistant-body {
flex: 1 1 auto !important; /* Grow and Shrink to fill space */
height: auto !important;
flexoverflow-growy: 1auto !important; /* Scroll happens HERE, not on the main window */
-webkit-overflow-scrolling: touch !important; /* Smooth scrolling on iOS */
}
}
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"