MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1,116:
/* ======================================================= */
 
/* 1. Z-INDEX & VISIBILITY (Ensures it sits above floating buttons) */
.ext-aiassistant,
.ext-aiassistant-panel {
z-index: 99992000 !important; /* Maximum Priority */
}
 
/* 32. MOBILE OVERRIDES */
/* 2. SMART HIDE: If AI Panel is OPEN, hide the floating buttons completely */
/* This replicates the "Search Mode" behavior where UI elements disappear */
@media screen and (max-width: 768px) {
/* If body contains a visible AI panel, hide floating buttons */
body:has(.ext-aiassistant-panel:not([style*="display: none"])) #searchIcon,
body:has(.ext-aiassistant-panel:not([style*="display: none"])) .branding-box,
body:has(.ext-aiassistant-panel:not([style*="display: none"])) #cps-open-toc,
body:has(.ext-aiassistant-panel:not([style*="display: none"])) #custom-email-btn {
display: none !important;
}
}
 
/* 3. MOBILE OVERRIDES */
@media screen and (max-width: 768px) {
/* --- A. THE MAIN CONTAINER (The White Cover) --- */
.ext-aiassistant-panel {
/* Force Full Screen Dimensions */
position: fixed !important;
topinset: 0 !important; left:/* 0Shortcut !important;for top/left/right: 0 !important; /bottom: 0 !important;*/
width: 100vw100% !important;
height: 100vh100% !important;
max-width: none !important;
/* APPEARANCEmax-height: Solid White Covernone */!important;
 
background-color: #ffffff !important;
background:/* #ffffffReset !important;appearance */
bordermargin: none0 !important;
border-radius: 0 !important;
box-shadow: none !important;
marginbackground: 0#fff !important; /* Ensure it's opaque */
 
/* CRITICAL FIX FOR IOS: BeatsWe theremoved floating buttons'"display: 3Dflex transform!important" */
/* This allows the JS to hide the window (display: none) when you click minimize */
transform: translateZ(100px) !important;
will-change: transform;
}
 
Line 1,169 ⟶ 1,156:
padding-top: env(safe-area-inset-top) !important;
z-index: 1000010 !important;
background: #fff !important; /* Match your theme header color if needed */
border-bottom: 1px solid #eaecf0 !important;
}
Line 1,185 ⟶ 1,172:
padding-bottom: env(safe-area-inset-bottom) !important;
z-index: 1000010 !important;
background: #fff !important;
border-top: 1px solid #eaecf0 !important;
Line 1,198 ⟶ 1,185:
/* Calculate Bottom: Approx Footer Height (65px) + Home Bar */
/* We leave a little extra space so text isn't cut off by the input box */
bottom: calc(65px + env(safe-area-inset-bottom)) !important;
Line 1,208 ⟶ 1,196:
overflow-y: auto !important;
-webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
background: #fff !important; /* Ensures no transparency leaks */
}
}