MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 1,376:
/* ======================================================= */
 
/* 1. Force all text inside assistant messagescontainer to wrap and usehandle sitespacing fontcorrectly */
.ext-aiassistant-message-assistant {
/* Fix the font: Inherit from body */
font-family: sans-serif !important;
/* Fix the wrapping: Standard web wrapping */
word-wrap: break-word !important;
overflow-wrap: break-word !important;
/* CHANGED:Collapses 'normal' collapses rawinvisible newlines so you onlybetween seeblocks theto HTMLprevent marginsgaps */
white-space: normal !important;
 
/* Ensure the container doesn't push past the screen width */
max-width: 100% !important;
}
 
/* 2. RemoveFix top'Code marginBlocks' from(Indented lists specificallystarting inwith the AI chat*) */
/* These were refusing to wrap because browsers treat them as <pre> code */
/* This ensures the list sits tighter to the paragraph above it */
.ext-aiassistant-message-assistant ulpre,
.ext-aiassistant-message-assistant code {
/* FORCE WRAPPING: This fixes the text going off-screen */
white-space: normalpre-wrap !important;
word-wrap: break-word !important;
/* Make it look like normal text */
font-family: inherit !important;
background: transparent !important;
border: none !important;
padding: 0 !important;
/* Remove gaps */
margin-top: 0 !important;
margin-bottom: 0 !important;
}
 
/* 3. Fix standard HTML Lists */
.ext-aiassistant-message-assistant ul,
.ext-aiassistant-message-assistant ol {
margin-top: 0 !important; /* Changed from 0.3em to 0 to close the gap */
padding-top: 0 !important;
word-wrap: break-word !important;
}
 
/* 4. Fix List Items */
/* 3. Ensure the '*' lines (often interpreted as list items) behave */
.ext-aiassistant-message-assistant ul,
.ext-aiassistant-message-assistant li {
white-space: normal !important;
word-wrap: break-word !important;
white-space: normal !important;
}