MediaWiki:Common.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 986:
}
/* --- Alignment fixes:
/* 1. Shared horizontal padding
message edges, and composer edges on the same vertical rails.
Tune this value in DevTools until the leftmost header button
and the composer left edge sit on the same line. */
.ext-aiassistant-header,
.ext-aiassistant-body,
Line 998 ⟶ 999:
}
/* 2.
outermost buttons sit flush against the section padding */
.ext-aiassistant-header-actions {▼
padding: 0 !important;
}
/* 3. Messages flush to body padding */
.ext-aiassistant-message {
margin-left: 0 !important;
Line 1,004 ⟶ 1,012:
}
/*
.ext-aiassistant-prompt-composer {
margin
▲ margin-right: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
/*
equal top and bottom padding does the job */
.ext-aiassistant-footer {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
/*
.ext-aiassistant-header {
display: flex !important;
Line 1,028 ⟶ 1,039:
}
/*
source moves to the left — aligns copy with user's copy btn */
▲.ext-aiassistant-actions {
.ext-aiassistant-message-assistant .ext-aiassistant-actions {
display: flex !important;
flex-direction: row-reverse !important;
}
/* 8. Keep user action buttons right-aligned as they are */
.ext-aiassistant-message-user .ext-aiassistant-actions {
display: flex !important;
justify-content: flex-end !important;
}
/*
.ext-aiassistant-prompt-composer__toolbar {
display: flex !important;
| |||