Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Line 986:
}
 
/* --- Alignment fixes: gutters,composer centering, button order --- */
 
/* 1. Shared horizontal padding —for alignsbody headerand buttonfooter edges,only */
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,
.ext-aiassistant-footer {
Line 999 ⟶ 995:
}
 
/* 32. Messages flush to body padding */▼
/* 2. Strip any extra inset from header button groups so the
outermost buttons sit flush against the section padding */
.ext-aiassistant-header-actions {
margin: 0 !important;
padding: 0 !important;
}
 
▲/* 3. Messages flush to body padding */
.ext-aiassistant-message {
margin-left: 0 !important;
Line 1,012 ⟶ 1,001:
}
 
/* 43. Composer fills full footer width */
.ext-aiassistant-prompt-composer {
margin: 0 !important;
Line 1,019 ⟶ 1,008:
}
 
/* 54. Vertically center composer inside footer —*/
equal top and bottom padding does the job */
.ext-aiassistant-footer {
display: flex !important;
Line 1,029 ⟶ 1,017:
}
 
/* 75. Swap assistant action buttons: copy moves to the right,▼
/* 6. Vertically center title + icon row in header */
source moves to the left — aligns copy with user's copy btn */▼
.ext-aiassistant-header {
display: flex !important;
align-items: center !important;
}
 
.ext-aiassistant-header-icon {
vertical-align: middle !important;
}
 
▲/* 7. Swap assistant action buttons: copy moves to the right,
▲ source moves to the left — aligns copy with user's copy btn */
.ext-aiassistant-message-assistant .ext-aiassistant-actions {
display: flex !important;
Line 1,046 ⟶ 1,024:
}
 
/* 86. Keep user action buttons right-aligned as they are */
.ext-aiassistant-message-user .ext-aiassistant-actions {
display: flex !important;
Line 1,052 ⟶ 1,030:
}
 
/* 97. Toolbar items vertically aligned */
.ext-aiassistant-prompt-composer__toolbar {
display: flex !important;
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"