MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1,165:
}
/* ======================================================= */
/* MOBILE ONLY: FULL SCREEN APP MODE (Sticky Header/Footer)*/
/* ======================================================= */
.ext-aiassistant-send {▼
@media screen and (max-width: 768px) {
margin-top: 2px !important; ▼
.ext-aiassistant-panel {
/* 1. Force Full Screen Fixed Canvas */
position: fixed !important;
top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; max-height: none !important;
margin: 0 !important; border-radius: 0 !important;
z-index: 2000 !important;
/* 2. FLEXBOX MAGIC (This creates the sticky behavior) */
display: flex !important;
flex-direction: column !important; /* Stack items vertically */
background: #fff !important; /* Ensure solid background */
}
/* A. HEADER: Fixed Top */
.ext-aiassistant-header {
flex: 0 0 auto !important; /* Do not grow or shrink */
z-index: 10 !important; /* Sit above the scrolling content */
position: relative !important; /* Reset any absolute positioning */
}
/* B. BODY: The Scrolling Middle */
flex: 1 1 auto !important; /* Grow to fill all available empty space */
overflow-y: auto !important; /* Scroll ONLY inside this box */
height: auto !important; /* Reset fixed heights */
min-height: 0 !important; /* Crucial fix for scrolling inside flex containers */
}
/* C. FOOTER: Fixed Bottom */
.ext-aiassistant-footer {
flex: 0 0 auto !important; /* Do not grow or shrink */
width: 100% !important;
position: relative !important;
/* OPTIONAL: Fix for the alignment issue you mentioned earlier */
align-items: flex-start !important;
}
}
| |||