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: Reverted
Line 1,171:
@media screen and (max-width: 768px) {
/* A. FORCERESET THE WRAPPER TO BE A FIXED OVERLAY(Invisible) */
/* ThisWe targetseffectively "delete" the outermostouter containershell to ensureso it sitsdoesn't onblock topclicks of theor pageview */
.ext-aiassistant, {
widthposition: 100%static !important;▼
width: 100%auto !important;▼
flexheight: 1 1 auto !important;▼
background-color: #fffffftransparent !important;▼
z-index: 999999auto !important; ▼
clip: auto !important;
}▼
 
/* B. FORCE THE PANEL TO BE THE APP WINDOW */
.ext-aiassistant-panel {
/* 1. DetachLock fromto pageScreen flow completelyGlass */
position: fixed !important;
▼
/* 2. Lock to all 4 corners of the screen */▼
top: 0 !important;
left: 0 !important;
Line 1,184 ⟶ 1,191:
bottom: 0 !important;
/* 32. Force Dimensions (ignores parent container size) */
width: 100vw100% !important; /* Safer than 100vw */
height: 100dvh !important; /* 'dvh'Dynamic handlesViewport theHeight moving URL bar onfor iOS */
▲
▲ /* 23. Lock toReset all 4styles cornersthat ofmight theshift screenit */
max-width: none !important;
max-height: none !important;
▼
/* 4. Reset Positioning (Fixes "Shifted Left" issues) */
margin: 0 !important;
paddingborder-radius: 0 !important;
transformborder: none !important; /* Prevents centering transforms from interfering */
transform: none !important; /* Critical: stops centering hacks */
/* 54. EnsureFlex it is the top-most layerLayout */
▲ z-index: 999999 !important;
▲ background-color: #ffffff !important;
▲ }
 
/* B. SETUP THE FLEXBOX LAYOUT (Inside the Panel) */
.ext-aiassistant-panel {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
/* Prevent5. the whole modal from scrolling (rubber-banding)Visuals */
overscrollbackground-behaviorcolor: none#ffffff !important;
z-index: 9999999 !important; /* Top of everything */
box-shadow: none !important;
overscroll-behavior: none !important; /* Stop background scroll */
}
 
/* C. HEADER (Locks toFixed Top) */
.ext-aiassistant-header {
/*flex: Don't0 0 auto !important; shrink/grow.* FixedRigid height. */
flexwidth: 0 0 auto100% !important;
▼
/* iOS Safe Area (The Notch) */▼
padding-top: env(safe-area-inset-top, 20px) !important;▼
/* Visuals */
background: #fff !important;
▲ width: 100% !important;
border-bottom: 1px solid #eee !important;
▲
▲ /* iOS SafeNotch Area (The Notch)Support */
▲ padding-top: env(safe-area-inset-top, 20px) !important;
min-height: 50px !important;
}
 
/* D. BODY (TheScrollable Scrolling PartMiddle) */
.ext-aiassistant-body {
/* TakeFLEXBOX upSCROLL all available spaceTRICK: */
/* We set height to 0 to force it to calculate based on available flex space */
▲ flex: 1 1 auto !important;
/* instead of expanding to fit the text content. */
flex: 1 1 0% !important;
/* AllowScroll scrolling ONLY heremechanics */
overflow-y: autoscroll !important;
-webkit-overflow-scrolling: touch !important; /* Smooth scroll */
/* Reset height */
height: auto !important;
width: 100% !important;
padding-bottom: calc(15px + env(safe-area-inset-bottom, 20px)) !important;▼
}
 
/* E. FOOTER (Locks toFixed Bottom) */
.ext-aiassistant-footer {
flex: 0 0 auto !important; /* Don'tRigid shrink/growheight */
flexwidth: 0 0 auto100% !important;
/* iOS Safe Area (Home Indicator swipe bar) */▼
/* We add extra padding so the text input isn't covered by the black bar */
▲ padding-bottom: calc(15px + env(safe-area-inset-bottom, 20px)) !important;
/* Visuals */
background: #fff !important;
▲ width: 100% !important;
border-top: 1px solid #eee !important;
▲
▲ /* iOS SafeHome AreaBar Support (HomeExtra padding Indicatorfor swipe bar) */
padding-bottom: calc(15px + env(safe-area-inset-bottom)) !important;
}
}
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"