MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 986:
}
/* --- Alignment fixes: vertical gutters + centering --- */
/* 1. Shared horizontal padding so header buttons, messages, and composer
all share the same left/right edge. Adjust 12px if needed after
inspecting the actual header button inset in DevTools. */
.ext-aiassistant-header,
.ext-aiassistant-body,
.ext-aiassistant-footer {
padding-left: 12px !important;
padding-right: 12px !important;
}
/* 2. Messages flush to body padding (no extra inset) */
.ext-aiassistant-message {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* 3. Composer fills full footer width */
.ext-aiassistant-prompt-composer {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* 4. Vertically center composer inside footer */
.ext-aiassistant-footer {
display: flex !important;
justify-content: center !important;
}
/* 5. Vertically center title + icon with header buttons */
.ext-aiassistant-header {
display: flex !important;
align-items: center !important;
}
.ext-aiassistant-header-icon {
vertical-align: middle !important;
}
/* 6. Action buttons (copy etc.) always right-aligned */
.ext-aiassistant-actions {
display: flex !important;
justify-content: flex-end !important;
}
/* 7. Mode dropdown and send button vertically aligned */
.ext-aiassistant-prompt-composer__toolbar {
display: flex !important;
align-items: center !important;
}
/* =================================================================
| |||