MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary Tag: Reverted |
||
Line 1,155:
}
/* ======================================================= */
/* 3. AI ASSISTANT (AXA BRAIN) CUSTOMIZATION */
/* ======================================================= */
/* 1. GLOBAL LAYER (All Devices) */
.ext-aiassistant,
.ext-aiassistant-panel {
}
/* ======================================================= */
/* 2. MOBILE ONLY: TRUE APP-LIKE LAYOUT (Fixed Header/Footer) */
/* ======================================================= */
@media screen and (max-width: 768px) {
/* A. LOCK THE MAIN PANEL TO THE VIEWPORT */
.ext-aiassistant-panel {
/*
position: fixed !important;
▲ width: 100% !important;
height: 100% !important;▼
max-width: none !important;▼
max-height: none !important;▼
/* Pin to all 4 corners */▼
top: 0 !important;
left: 0 !important;
Line 1,174 ⟶ 1,179:
bottom: 0 !important;
/*
height: 100dvh !important;
width: 100vw !important;
▲ max-width: none !important;
▲ max-height: none !important;
/* 3. Reset borders/margins for full screen */
border: none !important;
border-radius: 0 !important;
margin: 0 !important;
/* 4. FLEXBOX MAGIC: This is what keeps Header Top / Footer Bottom */
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
/* 5. Prevent the "Rubber Band" effect on the whole page */
overscroll-behavior: none !important;
}▼
/* B. THE HEADER (Stays at Top) */
.ext-aiassistant-header {
/* Don't grow, Don't shrink, Fixed height based on content */
/* iOS Notch Support: Adds padding so content isn't under the notch */
padding-top: env(safe-area-inset-top) !important;
/* Visuals */
background: #fff !important; /* Ensure content doesn't show behind */
z-index: 10 !important;
}
/*
.ext-aiassistant-body {
/* Grow to fill all available space between Header and Footer */
▲ height: auto !important;
flex
/* Enable internal scrolling */
overflow-y: auto !important;
/* Smooth Momentum Scrolling for iOS */
-webkit-overflow-scrolling: touch !important;
/* Force height to auto so Flexbox controls it */
min-height: 0 !important;
}
/* D. THE FOOTER (Stays at Bottom) */
.ext-aiassistant-footer {
flex: 0 0 auto !important;
/* iOS Home Indicator Support: Adds padding so bar doesn't overlap input */
padding-bottom: calc(10px + env(safe-area-inset-bottom)) !important;
/* Visuals */
background: #fff !important;
z-index: 10 !important;
}
}
| |||