From 57039d26528b7f7bf1caafece5f4bd493e8e725a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Thu, 7 Mar 2024 18:32:46 -0500
Subject: [PATCH 1/3] scrollbar css

---
 public/scss/admin/admin.scss                |  1 +
 public/scss/client.scss                     |  3 ++-
 public/scss/modules/scrollbar.scss          | 19 +++++++++++++++++++
 src/views/chats.tpl                         |  4 ++--
 src/views/partials/chats/message-window.tpl |  2 +-
 5 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 public/scss/modules/scrollbar.scss

diff --git a/public/scss/admin/admin.scss b/public/scss/admin/admin.scss
index 2cf8d3b4bf..2d9295d128 100644
--- a/public/scss/admin/admin.scss
+++ b/public/scss/admin/admin.scss
@@ -18,6 +18,7 @@
 @import "settings";
 
 @import "../modules/alerts";
+@import "../modules/scrollbar.scss";
 @import "./modules/selectable";
 @import "./modules/nprogress";
 @import "./modules/search";
diff --git a/public/scss/client.scss b/public/scss/client.scss
index 3bcd1bd080..cc2debfe86 100644
--- a/public/scss/client.scss
+++ b/public/scss/client.scss
@@ -7,4 +7,5 @@
 @import "modules/picture-switcher";
 @import "modules/bottom-sheet";
 @import "modules/icon-picker";
-@import "modules/alerts.scss";
\ No newline at end of file
+@import "modules/alerts.scss";
+@import "modules/scrollbar.scss";
\ No newline at end of file
diff --git a/public/scss/modules/scrollbar.scss b/public/scss/modules/scrollbar.scss
new file mode 100644
index 0000000000..47b90c4a4e
--- /dev/null
+++ b/public/scss/modules/scrollbar.scss
@@ -0,0 +1,19 @@
+.ghost-scrollbar {
+	&::-webkit-scrollbar {
+		width: 10px;
+
+	}
+
+	&::-webkit-scrollbar-track {
+		border-radius: 8px;
+		background-color: $gray-200;
+		border: none;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		border-radius: 8px;
+		border: 2px solid transparent;
+		background-clip: content-box;
+		background-color: $gray-500;
+	}
+}
\ No newline at end of file
diff --git a/src/views/chats.tpl b/src/views/chats.tpl
index 06481d7642..3ffc290ae4 100644
--- a/src/views/chats.tpl
+++ b/src/views/chats.tpl
@@ -34,7 +34,7 @@
 				<hr class="my-1">
 
 				<div class="d-flex flex-column gap-1 overflow-auto">
-					{{{ if publicRooms.length }}}
+					{{{ if rooms.length }}}
 					<div class="d-flex gap-1 align-items-center justify-content-between justify-content-lg-start">
 						<button class="btn-ghost-sm p-1 order-1 order-lg-0" data-bs-toggle="collapse" data-bs-target="#private-rooms"
 						onclick="$(this).find('i').toggleClass('fa-rotate-180')"><i class="fa fa-fw fa-chevron-up" style="transition: 0.25s ease;"></i></button>
@@ -42,7 +42,7 @@
 					</div>
 					{{{ end }}}
 
-					<div id="private-rooms" component="chat/recent" class="chats-list overflow-auto mb-0 pe-1 pb-5 pb-lg-0 collapse show" data-nextstart="{nextStart}">
+					<div id="private-rooms" component="chat/recent" class="chats-list overflow-auto mb-0 pe-1 pb-5 pb-lg-0 collapse show ghost-scrollbar" data-nextstart="{nextStart}">
 						{{{ each rooms }}}
 						<!-- IMPORT partials/chats/recent_room.tpl -->
 						{{{ end }}}
diff --git a/src/views/partials/chats/message-window.tpl b/src/views/partials/chats/message-window.tpl
index 26c95c3d9a..4f5e99c9f1 100644
--- a/src/views/partials/chats/message-window.tpl
+++ b/src/views/partials/chats/message-window.tpl
@@ -24,7 +24,7 @@
 	<hr class="my-1"/>
 	<div class="d-flex flex-grow-1 gap-1 overflow-auto" style="min-width: 0px;">
 		<div component="chat/messages" class="expanded-chat d-flex flex-column flex-grow-1" data-roomid="{roomId}" style="min-width: 0px;">
-			<ul component="chat/message/content" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1">
+			<ul component="chat/message/content" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1 ghost-scrollbar">
 				<!-- IMPORT partials/chats/messages.tpl -->
 			</ul>
 			<ul component="chat/message/search/results" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1 hidden">

From f107a7ffd4e74e7866a85211811fb324baca430c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Fri, 8 Mar 2024 08:50:06 -0500
Subject: [PATCH 2/3] chore: up harmony

---
 install/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/install/package.json b/install/package.json
index 00f451e76e..6fda4a6478 100644
--- a/install/package.json
+++ b/install/package.json
@@ -103,7 +103,7 @@
         "nodebb-plugin-ntfy": "1.7.3",
         "nodebb-plugin-spam-be-gone": "2.2.1",
         "nodebb-rewards-essentials": "1.0.0",
-        "nodebb-theme-harmony": "1.2.37",
+        "nodebb-theme-harmony": "1.2.38",
         "nodebb-theme-lavender": "7.1.7",
         "nodebb-theme-peace": "2.2.4",
         "nodebb-theme-persona": "13.3.11",

From b6c3a9d22a5dc40af138061ba77705f7c6804af0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Sat, 9 Mar 2024 08:52:42 -0500
Subject: [PATCH 3/3] chore: up harmony

---
 install/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/install/package.json b/install/package.json
index 6fda4a6478..05bc06088d 100644
--- a/install/package.json
+++ b/install/package.json
@@ -103,7 +103,7 @@
         "nodebb-plugin-ntfy": "1.7.3",
         "nodebb-plugin-spam-be-gone": "2.2.1",
         "nodebb-rewards-essentials": "1.0.0",
-        "nodebb-theme-harmony": "1.2.38",
+        "nodebb-theme-harmony": "1.2.39",
         "nodebb-theme-lavender": "7.1.7",
         "nodebb-theme-peace": "2.2.4",
         "nodebb-theme-persona": "13.3.11",