MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1,147:
/* ======================================================= */
 
/* 1. GLOBAL LAYER (All Devices) - STACKING TRAP FIX */
/* ======================================================= */
/* We ONLY force the layer order here, not the position. */
/* 1. GLOBAL LAYER (All Devices) - STACKING TRAP FIX */
/* This ensures it sits on top of your floating buttons (z-index: 1002). */
/* ======================================================= */
.ext-aiassistant-panel {,
 
/* A. Fix the Codex Overlay wrapper.
NEVER apply 'transform' here, or it breaks position:fixed children! */
.cdx-overlay-container {
z-index: 2147483647 !important;
transform: none !important;
 
/* B. Break the Minerva skin's default stacking trap.
This ensures the AI panel can escape the text body and float above the header. */
#content,
.mw-body,
#mw-content-text {
z-index: auto !important;
}
 
/* C. Give ONLY the panel itself the hardware acceleration.
This ensures it sits physically above the buttons' translateZ(0) hack. */
.ext-aiassistant-panel {
z-index: 21474836472000 !important;
transform: translateZ(10px) !important;
will-change: transform !important;
}
 
Line 1,256 ⟶ 1,237:
border-top: 1px solid #202122 !important;
}
 
/* User Message Bubble */
.ext-aiassistant-message-user {
background-color: #202122 !important;
z-indexcolor: 2147483647#ffffff !important;
zborder-indexradius: auto18px !important;
transformmargin-left: none100px !important;
willmargin-changebottom: transform1.6em !important;
 
 
/* Change background of the Send button ONLY when it is disabled */
Line 1,655 ⟶ 1,646:
max-width: min(100%, 1200px) !important;
}
}
 
/* Activate z-index on the root Codex wrapper */
.cdx-overlay-container {
position: fixed !important;
inset: 0 !important; /* Ensures it covers the screen area */
z-index: 2147483647 !important;
transform: none !important;
pointer-events: none !important; /* Lets clicks pass through the invisible wrapper */
}
 
/* Reactivate pointer events just for the panel itself */
.ext-aiassistant-panel {
pointer-events: auto !important;
}