MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tag: Manual revert
No edit summary
Line 1,148:
 
/* 1. GLOBAL LAYER (All Devices) */
/* ThisCHANGED: ensuresLowered itfrom sits2000 onto top1001 so it sits ofBEHIND your floating buttons (z-index: 1002). */
/* We ONLY force the layer order here, not the position. */
/* This ensures it sits on top of your floating buttons (z-index: 1002). */
.ext-aiassistant,
.ext-aiassistant-panel {
z-index: 20001001 !important;
}
 
Line 1,159 ⟶ 1,158:
@media screen and (max-width: 768px) {
.ext-aiassistant-panel {
/* Force Fixed so it covers the screen regardless of scroll */
position: fixed !important;
 
/* THIS IS THE KEY FIX */
box-sizing: border-box !important;
/* Override inline styles to force full width/height */
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;
right: 0 !important;
bottom: 0 !important;
 
/* Reset styles for a flat app-like look */
border-radius: 0 !important;
margin: 0 !important;
}
/* Ensure the internal chat body expands to fill the space */
.ext-aiassistant-body {
height: auto !important;
flex-grow: 1 !important;
}
 
/* NEW: Push the AI chat input up so the sticky buttons don't cover it */
.ext-aiassistant-footer {
padding-bottom: calc(75px + env(safe-area-inset-bottom)) !important;
}
}