MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary Tag: Manual revert |
No edit summary Tag: Reverted |
||
Line 1,144:
/* ======================================================= */
/* 3. AI ASSISTANT
/* ======================================================= */
.ext-aiassistant,▼
.ext-aiassistant-panel {▼
z-index: 2000 !important;▼
@media screen and (max-width: 768px) {
.ext-aiassistant-panel {▼
.ext-aiassistant-header {
position: fixed !important;▼
background: transparent !important;
min-height: 0 !important;
padding: 0 !important;
pointer-events: none !important; /* Let clicks pass through empty space */
overflow: visible !important; /* Allow button to "escape" the box */
}
/* Hide the Title and extra buttons (Previous/Settings) */
▲ .ext-aiassistant-title,
.ext-aiassistant-header-actions button:not(:last-child) {
display: none !important;
}
/* 2. TELEPORT THE 'CLOSE/MINIMIZE' BUTTON TO BOTTOM LEFT */
/* We target the last button in the header actions */
.ext-aiassistant-header-actions button:last-child {
display: flex !important;
align-items: center !important;
justify-content: center !important;
/*
▲ max-height: none !important;
/*
left: 10px !important;
top: auto !important; /* Reset top positioning */
/* Visual Styling */
width: 36px !important;
height: 36px !important;
background: rgba(0,0,0,0.05) !important; /* Subtle contrast */
border-radius: 50% !important;
backdrop-filter: blur(10px);
}
/* 3. SHIFT TEXT BOX TO THE RIGHT */
/* Make space for the new button position */
margin-left: 45px !important;
width: calc(100% - 90px) !important; /* Adjust width to fit both buttons */
}
/* 4. ENSURE FOOTER IS STABLE */
.ext-aiassistant-footer {
position: fixed !important; /* Anchor footer to screen bottom */
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
padding-bottom:
background: #ffffff !important;
}
/* 5. RESET PANEL
▲ .ext-aiassistant-panel {
▲ border-radius: 0 !important;
▲ position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border: none !important;
}
/*
/* Ensure messages don't get hidden behind the fixed footer */
.ext-aiassistant-body {
}
}
| |||