From caf69d871a74b603f52fc5f0fe644c8ec80b07f3 Mon Sep 17 00:00:00 2001 From: oobabooga <112222186+oobabooga@users.noreply.github.com> Date: Thu, 10 Jul 2025 18:43:01 -0700 Subject: [PATCH] Revert "Standardize margins and paddings across all chat styles" This reverts commit 86cb5e058711633bd4fa45faabcac699020386e5. --- css/chat_style-Dark.css | 28 +-------------------------- css/chat_style-TheEncrypted777.css | 28 +-------------------------- css/chat_style-cai-chat.css | 31 ++++-------------------------- css/chat_style-messenger.css | 28 +-------------------------- css/chat_style-wpp.css | 27 ++------------------------ css/html_readable_style.css | 28 +++------------------------ 6 files changed, 12 insertions(+), 158 deletions(-) diff --git a/css/chat_style-Dark.css b/css/chat_style-Dark.css index aae82f8b..6a4784cc 100644 --- a/css/chat_style-Dark.css +++ b/css/chat_style-Dark.css @@ -91,6 +91,7 @@ } .message-body p { + margin-bottom: 0 !important; font-size: 16px !important; line-height: 1.5 !important; color: #e0e0e0 !important; /* Light color for text */ @@ -128,30 +129,3 @@ 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; -} diff --git a/css/chat_style-TheEncrypted777.css b/css/chat_style-TheEncrypted777.css index 7f37377d..fbd47072 100644 --- a/css/chat_style-TheEncrypted777.css +++ b/css/chat_style-TheEncrypted777.css @@ -87,6 +87,7 @@ } .message-body p { + margin-bottom: 0 !important; font-size: 18px !important; line-height: 1.428571429 !important; color: rgb(243 244 246) !important; @@ -134,30 +135,3 @@ 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; -} diff --git a/css/chat_style-cai-chat.css b/css/chat_style-cai-chat.css index d2e8f44a..b06b1269 100644 --- a/css/chat_style-cai-chat.css +++ b/css/chat_style-cai-chat.css @@ -52,6 +52,10 @@ font-weight: 500; } +.message-body p, .chat .message-body ul, .chat .message-body ol { + margin-bottom: 10px !important; +} + .dark .message-body p em { color: rgb(138 138 138) !important; } @@ -60,30 +64,3 @@ color: rgb(110 110 110) !important; 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; -} diff --git a/css/chat_style-messenger.css b/css/chat_style-messenger.css index a6189a4a..65af5f7a 100644 --- a/css/chat_style-messenger.css +++ b/css/chat_style-messenger.css @@ -86,6 +86,7 @@ } .message-body p { + margin-bottom: 0 !important; font-size: 15px !important; line-height: 1.428571429 !important; font-weight: 500; @@ -98,30 +99,3 @@ .message-body p em { 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; -} diff --git a/css/chat_style-wpp.css b/css/chat_style-wpp.css index c86e577d..b2ac4d2a 100644 --- a/css/chat_style-wpp.css +++ b/css/chat_style-wpp.css @@ -100,29 +100,6 @@ margin-top: 8px; } -/* 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; +.message-body p, .chat .message-body ul, .chat .message-body ol { + margin-bottom: 10px !important; } diff --git a/css/html_readable_style.css b/css/html_readable_style.css index 74a913e9..760649d6 100644 --- a/css/html_readable_style.css +++ b/css/html_readable_style.css @@ -11,8 +11,9 @@ .readable-container p, .readable-container li { font-size: 16px !important; - line-height: 1.4 !important; color: #efefef !important; + margin-bottom: 22px; + line-height: 1.4 !important; } .readable-container li > p { @@ -29,27 +30,4 @@ .readable-container .hoverable { 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; -} +} \ No newline at end of file