From 28f62afb3da4eaaf4aa235050fe579af7f676e72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <baris@nodebb.org>
Date: Thu, 26 Feb 2026 14:15:07 -0500
Subject: [PATCH] blockquote fix

make it a real button
---
 public/scss/generics.scss        | 7 ++++---
 public/src/client/topic.js       | 2 +-
 public/src/client/topic/posts.js | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/public/scss/generics.scss b/public/scss/generics.scss
index ac67874419..25876aa37d 100644
--- a/public/scss/generics.scss
+++ b/public/scss/generics.scss
@@ -79,9 +79,10 @@ html[data-dir="rtl"] {
 }
 
 blockquote {
-	background-color: $light;
-	font-style: italic;
-	border-left: 4px solid $primary;
+	background-color: rgba(var(--bs-body-color-rgb), 0.03);
+	color: var(--bs-body-color);
+	font-style: normal;
+	border-radius: $border-radius-sm;
 	padding: 1rem;
 	p:last-child {
 		margin-bottom: 0;
diff --git a/public/src/client/topic.js b/public/src/client/topic.js
index c5a9f5cab3..bab39a0023 100644
--- a/public/src/client/topic.js
+++ b/public/src/client/topic.js
@@ -221,7 +221,7 @@ define('forum/topic', [
 			const toggle = $(this);
 			blockQuote.toggleClass('uncollapsed');
 			const collapsed = !blockQuote.hasClass('uncollapsed');
-			toggle.toggleClass('fa-angle-down', collapsed).toggleClass('fa-angle-up', !collapsed);
+			toggle.find('i').toggleClass('fa-angle-down', collapsed).toggleClass('fa-angle-up', !collapsed);
 		});
 	}
 
diff --git a/public/src/client/topic/posts.js b/public/src/client/topic/posts.js
index 3f9840ebcf..af2ea961e2 100644
--- a/public/src/client/topic/posts.js
+++ b/public/src/client/topic/posts.js
@@ -441,7 +441,7 @@ define('forum/topic/posts', [
 		nestedBlockQuote.each(function () {
 			const $this = $(this);
 			if ($this.find(':hidden:not(br)').length && !$this.find('.toggle').length) {
-				$this.append('<i class="d-inline-block fa fa-angle-down pointer toggle py-1 px-3 border text-bg-light"></i>');
+				$this.append('<button class="toggle btn btn-ghost btn-sm d-inline-block py-1 px-3"><i class="fa fa-angle-down"></i>');
 			}
 		});
 	};