|
/* ======================================================= */
/* 3. AI ASSISTANT (AXA BRAIN) AICUSTOMIZATION ASSISTANT - MOBILE FULLSCREEN FIX */
/* ======================================================= */
/* 1. GLOBAL Z-INDEX (Ensures it sits above floatingAll buttonsDevices) */
/* Ensures the AI window sits "above" the floating buttons (z-index: 1002) */
/* and the ToC Overlay (z-index: 1005). */
.ext-aiassistant,
.ext-aiassistant-panel {
z-index: 2000 !important;
position: absolutefixed !important; ▼}
/* 2. MOBILE OVERRIDESFULL SCREEN MODE */
/* Triggers on phones and small tablets */
@media screen and (max-width: 768px) {
.ext-aiassistant-panel { ▼
/* Override inline styles to force full width/height */
/* --- A. THE MAIN CONTAINER --- */
▲.ext-aiassistant-panel {
min- height: 100% !important; ▼
/* Force Full Screen Dimensions */
position max-width: fixednone !important;
minmax-height: 50pxnone !important; ▼
/* 1. Fix the vertical layout for iOS */
top: 0 !important;
left: 0 !important;
▲ width: 100% !important;
/* CRITICAL CHANGE: Use dvh (Dynamic/* ViewportPin Height)to insteadall of4 100%corners */
/* This forces the panel to extend behind the Safari bottom toolbar */
height: 100dvh !important;
/* Fallback for older browsers */
▲ min-height: 100% !important;
/* Reset appearance */
margin: 0 !important;
border-radius: 0 !important; ▼ box-shadow: none !important;
background: #fff !important; /* Ensure it's opaque */
z-index: 2000 !important;
}
/* --- B. HEADER (Fixed to Top) --- */
.ext-aiassistant-header {
▲ position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
/* Height + iPhone Notch Safety */
height: 60px !important;
padding-top: env(safe-area-inset-top) !important;
z-index: 10 !important;
background: #fff !important; /* Match your theme header color if needed */
border-bottom: 1px solid #eaecf0 !important;
}
/* ---Remove C.desktop FOOTERstylings /for INPUTa (Fixedcleaner tomobile Bottom)app ---feel */
▲ border-radius: 0 !important;
.ext-aiassistant-footer {
positionmargin: absolute0 !important;
bottombox-shadow: 0none !important;
left: 0 !important;
right: 0 !important;
/* Height + iPhone Home Bar Safety */
▲ min-height: 50px !important;
padding-bottom: env(safe-area-inset-bottom) !important;
z-index: 10 !important;
background: #fff !important;
border-top: 1px solid #eaecf0 !important;
}
/* Optional: Ensure the internal chat body expands to fill the space */
/* --- D. MESSAGE BODY (Scrollable Middle Area) --- */
.ext-aiassistant-body {
position: absolute !important;
/* Calculate Top: Header Height (50px) + Notch */
top: calc(50px + env(safe-area-inset-top)) !important;
/* Calculate Bottom: Approx Footer Height (65px) + Home Bar */
/* We leave a little extra space so text isn't cut off by the input box */
bottom: calc(65px + env(safe-area-inset-bottom)) !important;
left: 0 !important;
right: 0 !important;
width: auto !important;
height: auto !important;
flex-grow: 1 !important;
/* Allow Scrolling */
overflow-y: auto !important;
-webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
}
}
|