Revert "CSS simplifications"

This reverts commit c6c1b725e9.
This commit is contained in:
oobabooga 2025-07-10 18:42:52 -07:00
parent 635e6efd18
commit 188c7c8f2b
6 changed files with 110 additions and 6 deletions

View file

@ -35,6 +35,10 @@
color: #f0f0f0; /* Light text color for readability */
}
.text p {
margin-top: 2px;
}
.username {
padding-left: 10px;
font-size: 20px;
@ -125,7 +129,7 @@
}
}
/* Standard spacing from instruct style */
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
@ -137,3 +141,17 @@
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

View file

@ -38,6 +38,10 @@
text-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
}
.text p {
margin-top: 2px;
}
.username {
padding-left: 10px;
font-size: 22px;
@ -131,7 +135,7 @@
}
}
/* Standard spacing from instruct style */
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
@ -143,3 +147,17 @@
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

View file

@ -9,6 +9,11 @@
line-height: 22.5px !important;
}
.message-body {
margin-top: 3px;
font-size: 15px !important;
}
.circle-you {
width: 50px;
height: 50px;
@ -56,7 +61,7 @@
font-weight: 500;
}
/* Standard spacing from instruct style */
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
@ -68,3 +73,17 @@
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

View file

@ -68,10 +68,17 @@
max-width: 80%;
}
.text p {
margin-top: 5px;
}
.username {
font-weight: bold;
}
.message-body {
}
.message-body img {
max-width: 300px;
max-height: 300px;
@ -92,7 +99,7 @@
color: rgb(110 110 110) !important;
}
/* Standard spacing from instruct style */
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
@ -104,3 +111,17 @@
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

View file

@ -83,6 +83,10 @@
font-weight: 400;
}
.message-body p:first-child {
margin-top: 0 !important;
}
.dark .message-body p em {
color: rgb(170 170 170) !important;
}
@ -96,7 +100,7 @@
margin-top: 8px;
}
/* Standard spacing from instruct style */
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
@ -108,3 +112,17 @@
.chat .message-body :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.chat .message-body ul, .chat .message-body ol {
padding-inline-start: 2em;
}
.message-body li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
.message-body li > p {
display: inline !important;
}

View file

@ -31,7 +31,7 @@
font-size: 14px;
}
/* Standard spacing from instruct style */
/* Standard spacing */
.readable-container :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
@ -43,3 +43,13 @@
.readable-container :is(p, ul, ol):last-child {
margin-bottom: 0 !important;
}
.readable-container ul, .readable-container ol {
padding-inline-start: 2em;
}
.readable-container li {
list-style-position: outside;
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}