fix: closes #13205, make parent post font-size small until expanded

This commit is contained in:
Barış Soner Uşaklı
2025-04-02 10:01:05 -04:00
parent 2c59007b10
commit ef98f8f9d3
4 changed files with 8 additions and 4 deletions

View File

@@ -107,7 +107,7 @@
"nodebb-plugin-spam-be-gone": "2.3.1",
"nodebb-plugin-web-push": "0.7.3",
"nodebb-rewards-essentials": "1.0.1",
"nodebb-theme-harmony": "2.0.43",
"nodebb-theme-harmony": "2.0.44",
"nodebb-theme-lavender": "7.1.18",
"nodebb-theme-peace": "2.2.39",
"nodebb-theme-persona": "14.0.18",

View File

@@ -21,7 +21,10 @@ html[data-dir="rtl"] {
}
/*rtl:end:ignore*/
[component="post/content"], [component="chat/message/body"], [component="composer"] .preview {
[component="post/content"],
[component="post/parent/content"],
[component="chat/message/body"],
[component="composer"] .preview {
h1 { font-size: calc(1.15rem + 1vw); }
h2 { font-size: calc(1.1rem + 0.8vw); }
h3 { font-size: calc(1.075rem + 0.6vw); }

View File

@@ -276,7 +276,8 @@ define('forum/topic', [
const parentEl = $(this);
const contentEl = parentEl.find('[component="post/parent/content"]');
if (contentEl.length) {
const isCollapsed = contentEl.hasClass('line-clamp-1');
const isCollapsed = parentEl.attr('data-collapsed') === 'true';
parentEl.attr('data-collapsed', isCollapsed ? 'false' : 'true');
contentEl.toggleClass('line-clamp-1');
parentEl.find('.timeago').toggleClass('hidden');
parentEl.toggleClass('flex-column').toggleClass('flex-row');

View File

@@ -1,4 +1,4 @@
<div component="post/parent" data-parent-pid="{./parent.pid}" data-uid="{./parent.uid}" class="btn btn-ghost btn-sm d-flex gap-2 text-start flex-row mb-2" style="font-size: 13px;">
<div component="post/parent" data-collapsed="true" data-parent-pid="{./parent.pid}" data-uid="{./parent.uid}" class="btn btn-ghost btn-sm d-flex gap-2 text-start flex-row mb-2" style="font-size: 13px;">
<div class="d-flex gap-2 text-nowrap">
<div><i class="fa fa-fw fa-reply opacity-50"></i></div>
<div class="d-flex flex-nowrap gap-1 align-items-center">