MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1,425:
/* ======================================================= */
 
/* 1. DEFAULT: Hide the Custom Close Button on Desktop */
#ai-assistant-close-mobile {
heightdisplay: autonone !important;
}
 
/* 2. MOBILE ONLY STYLES */
@media screen and (max-width: 768px) {
/* 1.SHOW FLEXthe CONTAINERClose Button on Mobile */
#ai-assistant-close-mobile {
display: flex !important;
}
 
/* FLEX CONTAINER: Row layout for [Close] [Input] [Send] */
.ext-aiassistant-footer {
display: flex !important;
flex-direction: row !important;
align-items: center !important; /* Vertically center everything */
justify-content: space-between !important;
gap: 8px !important;
Line 1,438 ⟶ 1,449:
}
 
/* 2. MIDDLE INPUT (Refined)CONTAINER */
/* Grow to fill all available space between buttons */
.ext-aiassistant-input {
flex-grow: 1 !important;
Line 1,444 ⟶ 1,456:
margin: 0 !important;
min-width: 0 !important;
height: auto !important;
/* Removed fixed height to allow natural size */
height: auto !important;
}
/* TEXTAREA SPECIFICALLY */
/* Target the textarea specifically to reset it */
/* Force it to be big and wide */
.ext-aiassistant-input textarea {
heightwidth: auto100% !important; /* Restore default behavior */
min-height: 32px36px !important; /* MinimumFixed height touchmatching targetbuttons */
maxmin-height: 100px36px !important; /* Prevent it from growing too huge */
max-height: 36px !important; /* Prevent resizing */
padding: 6px 10px !important;
box-sizing: border-box !important;
}
 
/* 3. SYMMETRICAL BUTTONS (Close & Send) - Uniform Circle Styling */
.ext-aiassistant-send,
#ai-assistant-close-mobile {
flex: 0 0 36px !important; /* Rigid 36px width */
width: 36px !important;
height: 36px !important;
Line 1,475 ⟶ 1,489:
}
/* 4. GRAY CLOSE BUTTON COLORS (Gray Background / White Icon) */
#ai-assistant-close-mobile {
background-color: #72777d !important; /* Standard MediaWiki Gray */
color: #ffffff !important;
cursor: pointer !important;
}
 
/* Ensure Close Icon is White */
#ai-assistant-close-mobile svg,
#ai-assistant-close-mobile path {