Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Line 1,113:
 
/* ======================================================= */
/* AXA BRAIN AI ASSISTANT OVERRIDES - MOBILE FULLSCREEN FIX */
/* ======================================================= */
 
/* 1. Z-INDEX FIX (DesktopEnsures it sits above &floating Mobilebuttons) */
/* Must be higher than floating buttons (1003) and TOC Panel (1005) */
.ext-aiassistant,
.ext-aiassistant-panel {
Line 1,123 ⟶ 1,122:
}
 
/* 2. MOBILE FULL SCREEN MODEOVERRIDES */
@media screen and (max-width: 768px) {
/* Target--- theA. panelTHE directlyMAIN CONTAINER --- */
.ext-aiassistant-panel {
/* Force Fixed Full Screen Dimensions */
position: fixed !important;
topinset: 0 !important; /* Shortcut for top/left/right/bottom: 0 */
left: 0 !important;▼
right: 0 !important;▼
bottom: 0 !important;▼
 
/* OVERRIDE INLINE STYLES (Important!) */
/* This kills the specific width: 500px; height: 750px in the HTML */
width: 100% !important;
height: 100% !important;
max-width: 100%none !important;
max-height: 100vhnone !important;
 
▼
/* Reset margins and border radius for a clean "App" lookappearance */
margin: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow-ybackground: auto#fff !important; /* ScrollableEnsure internalit's areaopaque */▼
 
/* FlexboxCRITICAL setupFIX: toWe makeremoved the"display: chatflex body stretch!important" */
/* This allows the JS to hide the window (display: none) when you click minimize */
display: flex !important;▼
flex-direction: column !important;▼
}
 
/* Make--- theB. chatHEADER history area expand(Fixed to fill the availableTop) height--- */
.ext-aiassistant-body {▼
flex-grow: 1 !important;▼
height: auto !important;▼
▲ overflow-y: auto !important; /* Scrollable internal area */
}▼
 
/* iPhone/Android Notch Safety - Header */▼
.ext-aiassistant-header {
position: absolute !important;
▲ displaytop: flex0 !important;
▲ left: 0 !important;
▲ right: 0 !important;
▲
▲ /* Height + iPhone/Android Notch Safety - Header */
height: 50px !important;
padding-top: env(safe-area-inset-top) !important;
min-height: 50px !important;
▲ flexz-directionindex: column10 !important;
background: #fff !important; /* Match your theme header color if needed */
border-bottom: 1px solid #eaecf0 !important;
}
 
/* iPhone--- HomeC. BarFOOTER Safety/ -INPUT Footer(Fixed to Bottom) --- */
.ext-aiassistant-footer {
padding-bottomposition: calc(10px + env(safe-area-inset-bottom))absolute !important;
▲ bottom: 0 !important;
▲ flex-growleft: 10 !important;
right: 0 !important;
/* Height + iPhone Home Bar Safety */
min-height: 60px !important;
padding-bottom: env(safe-area-inset-bottom) !important;
z-index: 10 !important;
background: #fff !important;
border-top: 1px solid #eaecf0 !important;
▲ }
 
/* --- 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;
/* Allow Scrolling */
overflow-y: auto !important;
-webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
}
}
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"