Revert "Standardize margins and paddings across all chat styles"

This reverts commit 86cb5e0587.
This commit is contained in:
oobabooga 2025-07-10 18:43:01 -07:00
parent 188c7c8f2b
commit caf69d871a
6 changed files with 12 additions and 158 deletions

View file

@ -91,6 +91,7 @@
} }
.message-body p { .message-body p {
margin-bottom: 0 !important;
font-size: 16px !important; font-size: 16px !important;
line-height: 1.5 !important; line-height: 1.5 !important;
color: #e0e0e0 !important; /* Light color for text */ color: #e0e0e0 !important; /* Light color for text */
@ -128,30 +129,3 @@
font-size: 18px; /* Smaller username for mobile */ font-size: 18px; /* Smaller username for mobile */
} }
} }
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.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

@ -87,6 +87,7 @@
} }
.message-body p { .message-body p {
margin-bottom: 0 !important;
font-size: 18px !important; font-size: 18px !important;
line-height: 1.428571429 !important; line-height: 1.428571429 !important;
color: rgb(243 244 246) !important; color: rgb(243 244 246) !important;
@ -134,30 +135,3 @@
font-size: 20px; font-size: 20px;
} }
} }
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.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

@ -52,6 +52,10 @@
font-weight: 500; font-weight: 500;
} }
.message-body p, .chat .message-body ul, .chat .message-body ol {
margin-bottom: 10px !important;
}
.dark .message-body p em { .dark .message-body p em {
color: rgb(138 138 138) !important; color: rgb(138 138 138) !important;
} }
@ -60,30 +64,3 @@
color: rgb(110 110 110) !important; color: rgb(110 110 110) !important;
font-weight: 500; font-weight: 500;
} }
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.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

@ -86,6 +86,7 @@
} }
.message-body p { .message-body p {
margin-bottom: 0 !important;
font-size: 15px !important; font-size: 15px !important;
line-height: 1.428571429 !important; line-height: 1.428571429 !important;
font-weight: 500; font-weight: 500;
@ -98,30 +99,3 @@
.message-body p em { .message-body p em {
color: rgb(110 110 110) !important; color: rgb(110 110 110) !important;
} }
/* Standard spacing */
.chat .message-body :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.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

@ -100,29 +100,6 @@
margin-top: 8px; margin-top: 8px;
} }
/* Standard spacing */ .message-body p, .chat .message-body ul, .chat .message-body ol {
.chat .message-body :is(p, ul, ol) { margin-bottom: 10px !important;
margin: 1.25em 0 !important;
}
.chat .message-body :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.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

@ -11,8 +11,9 @@
.readable-container p, .readable-container li { .readable-container p, .readable-container li {
font-size: 16px !important; font-size: 16px !important;
line-height: 1.4 !important;
color: #efefef !important; color: #efefef !important;
margin-bottom: 22px;
line-height: 1.4 !important;
} }
.readable-container li > p { .readable-container li > p {
@ -29,27 +30,4 @@
.readable-container .hoverable { .readable-container .hoverable {
font-size: 14px; font-size: 14px;
} }
/* Standard spacing */
.readable-container :is(p, ul, ol) {
margin: 1.25em 0 !important;
}
.readable-container :is(p, ul, ol):first-child {
margin-top: 0 !important;
}
.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;
}