Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
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-header {,▼
.ext-aiassistant-footerpanel {▼
z-index: 20022000 !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 {
/* 1.Force UseFixed Dynamicso Viewportit Heightcovers (dvh)the screen regardless of scroll */
position: fixed !important;▼
This automatically subtracts the keyboard height when it opens. */
height: 100dvh !important;
/* Override inline styles to force full width/height */
max-height: 100dvh !important;▼
width: 100% !important;▼
height: 100% !important;
bordermax-width: none !important;▼
▲ max-height: 100dvhnone !important;
 
/* 2.Pin Forceto Fixedall Positioning to4 Top/Leftcorners */
▲ position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
▲ width: 100% !important;
 
/* 3.Reset Flexboxstyles Layoutfor Enforcementa flat app-like look */
displayborder-radius: flex0 !important;
flex-direction: column !important;
/* 4. Reset margins/borders for full screen */
margin: 0 !important;
▲ border: none !important;
▲ border-radius: 0 !important;
/* 5. Prevent the whole panel from scrolling off-screen */
overflow: hidden !important;
overscroll-behavior: none !important;
}
 
/* --- CRITICAL FIX: PREVENT HEADER/FOOTER COLLAPSE --- */
/* LockEnsure the Headerinternal Heightchat body expands to fill the space */
▲ .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: 2002 !important;
}
 
/* Lock the Footer Height */
▲ .ext-aiassistant-footer {
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;
overflowflex-ygrow: auto1 !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"