MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary Tag: Manual revert |
No edit summary Tag: Reverted |
||
Line 1,419:
white-space: normal !important;
word-wrap: break-word !important;
}
/* ======================================================= */
/* 7. MOBILE AI LAYOUT: CLOSE BUTTON IN FOOTER */
/* ======================================================= */
@media screen and (max-width: 768px) {
/* 1. MAKE SPACE IN FOOTER (Push Input Right) */
/* We add a left margin to the text area container so the button fits */
.ext-aiassistant-footer .ext-aiassistant-input {
margin-left: 46px !important; /* 36px button + 10px gap */
}
/* 2. MOVE HEADER BUTTON TO FOOTER (Absolute Positioning) */
/* Target the LAST button in the header (The Close/Minimize button) */
.ext-aiassistant-panel .ext-aiassistant-header-actions button:last-child {
position: absolute !important;
/* Pin to Bottom Left */
bottom: 0 !important;
left: 0 !important;
/* Dimensions: Match the "Send" button (36px) */
width: 36px !important;
height: 36px !important;
min-width: 36px !important; /* Override defaults */
border-radius: 50% !important; /* Make it a circle */
/* Alignment Adjustments (Matches standard footer padding) */
/* Assuming the footer has ~10px padding, we lift this to match */
margin-bottom: 10px !important;
margin-left: 8px !important;
/* Visuals: White circle with dark border */
background-color: #ffffff !important;
border: 1px solid #202122 !important;
z-index: 2005 !important; /* Ensure it sits on top */
/* Flex to center the X icon */
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
/* 3. CHANGE ICON TO "X" */
/* Hide the original SVG (Dash icon) */
.ext-aiassistant-panel .ext-aiassistant-header-actions button:last-child svg {
display: none !important;
}
/* Insert a clean "X" character */
.ext-aiassistant-panel .ext-aiassistant-header-actions button:last-child::after {
content: "✕" !important; /* Standard Close Cross */
font-size: 16px !important;
color: #202122 !important;
font-weight: bold !important;
line-height: 1 !important;
margin-top: -1px !important; /* Optical centering */
}
}
| |||