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,166:
 
/* ======================================================= */
/* 2. MOBILE ONLY: "NUCLEAR"ROBUST FULL SCREENLAYOUT FIX (iOSAbsolute Position) */
/* ======================================================= */
 
@media screen and (max-width: 768px) {
/* A. RESETMAIN THE WRAPPERPANEL (InvisibleFullscreen, but respects Hidden state) */
/* We effectively "delete" the outer shell so it doesn't block clicks or view */
.ext-aiassistant {▼
position: static !important;▼
width: auto !important;▼
height: auto !important;▼
background: transparent !important;▼
z-index: auto !important;▼
clip: auto !important;▼
}▼
 
/* B. FORCE THE PANEL TO BE THE APP WINDOW */
.ext-aiassistant-panel {
/* 1. LockForce toFullscreen Screen GlassPosition */
position: fixed !important;
top: 0 !important;
Line 1,191 ⟶ 1,180:
bottom: 0 !important;
/* 2. Force Full Dimensions (Overriding inline styles) */
width: 100% !important; /* Safer than 100vw */
height: 100dvh !important; /* Dynamic100dvh Viewportfixes Height forthe iOS URL bar scroll issue */
▼
/* 3. Reset all styles that might shift it */
max-width: none !important;
max-height: none !important;
margin: 0 !important;
▲
/* 53. VisualsAppearance */▼
background-color: #ffffff !important;▼
border-radius: 0 !important;
border: none !important;
transformz-index: none9999999 !important; /* Critical: stops centering hacks */
/* 4. FlexCRITICAL LayoutFIX: REMOVED 'display: flex' */
/* We DO NOT force display here. This lets the JS hide it (display:none) */
display: flex !important;▼
/* or show it (display:block) naturally. */
flex-direction: column !important;▼
justify-content: space-between !important;▼
▼
▲ /* 5. Visuals */
▲ background-color: #ffffff !important;
z-index: 9999999 !important; /* Top of everything */
box-shadow: none !important;▼
overscroll-behavior: none !important; /* Stop background scroll */▼
}
 
/* CB. HEADER (FixedPinned to Top) */
.ext-aiassistant-header {
flexposition: 0 0 autoabsolute !important; /* Rigid height */
▲ cliptop: auto0 !important;
▲ displayleft: flex0 !important;
width: 100% !important;
background: #fff !important;
/* Fixed Height: Matches the Body 'top' value below */
border-bottom: 1px solid #eee !important;▼
▲ height: auto60px !important;
/* iOS Notch Support */
padding-top: env(safe-area-inset-top) !important;
minbox-heightsizing: 50pxcontent-box !important; /* Ensure padding doesn't shrink height */
}▼
 
/* D. BODY (Scrollable Middle) */▼
.ext-aiassistant-body {
/* FLEXBOX SCROLL TRICK: */▼
/* We set height to 0 to force it to calculate based on available flex space */
/* instead of expanding to fit the text content. */
flex: 1 1 0% !important; ▼
/*background: Scroll#fff mechanics */!important;
overflowborder-ybottom: scroll1px solid #eee !important;
z-webkit-overflow-scrollingindex: touch20 !important;
▼
height: auto !important;▼
width: 100% !important;▼
padding-bottom: 20px !important;▼
}
 
/* EC. FOOTER (FixedPinned to Bottom) */
.ext-aiassistant-footer {
flexposition: 0 0 autoabsolute !important; /* Rigid height */
▲ box-shadowbottom: none0 !important;
▲ flexleft: 1 1 0% !important;
width: 100% !important;
▲
/* Fixed Height: Matches the Body 'bottom' value below */
▲ height: auto60px !important;
▲ }
/* iOS Home Bar Support */
▲ padding-bottom: 20pxenv(safe-area-inset-bottom) !important;
▲ justifybox-contentsizing: spacecontent-betweenbox !important;
▲
background: #fff !important;
border-top: 1px solid #eee !important;
▲ z-index: auto20 !important;
/* iOSInternal Home Bar Support (Extra padding for swipe bar)alignment */
padding-bottomdisplay: calc(15px + env(safe-area-inset-bottom))flex !important;
▲ borderalign-bottomitems: 1px solid #eeecenter !important;
▲ }
 
▲ /* D. BODY (Scrollable Middle Area) */
▲ .ext-aiassistant-body {
▲ position: staticabsolute !important;
/* 1. Anchored exactly between Header and Footer */
/* Note: 60px height + 20px (approx notch/padding) = ~80px top */
top: calc(60px + env(safe-area-inset-top)) !important;
bottom: calc(60px + env(safe-area-inset-bottom)) !important;
▲ widthleft: 100%0 !important;
▲ width: auto100% !important;
height: auto !important; /* Let 'top' and 'bottom' define the height */
▲ /* FLEXBOX2. SCROLLEnable TRICK:Scrolling */
overflow-y: auto !important;
▲ overscroll-behaviorwebkit-overflow-scrolling: nonetouch !important; /* Stop backgroundSmooth scroll */
▲ background: transparent#fff !important;
▲ flexz-directionindex: column10 !important;
}
}
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"