nodebb-theme-harmony 1.1.108 → 1.2.1

package/templates/partials/groups/sidebar-left.tpl

@@ -1,25 +1,25 @@
 <div class="flex-shrink-0 pe-2 border-end-md text-sm mb-3 flex-basis-md-200">
 	<div class="nav sticky-md-top d-flex flex-row flex-md-column flex-wrap gap-1" style="top: 1rem; z-index: 1;">
-		<button data-bs-toggle="tab" data-bs-target="#groups-posts" class="btn-ghost fw-semibold {{{ if template.groups/details }}}active{{{ end }}}">
+		<button data-bs-toggle="tab" data-bs-target="#groups-posts" class="btn-ghost ff-secondary fw-semibold {{{ if template.groups/details }}}active{{{ end }}}">
 			<div class="flex-grow-1">[[global:posts]]</div>
 		</button>
-		<button data-bs-toggle="tab" data-bs-target="#groups-members" class="btn-ghost fw-semibold">
+		<button data-bs-toggle="tab" data-bs-target="#groups-members" class="btn-ghost ff-secondary fw-semibold">
 			<div class="flex-grow-1">[[groups:members]]</div>
 			<span class="flex-shrink-0 text-xs" title="{group.memberCount}">{humanReadableNumber(group.memberCount)}</span>
 		</button>
 
 		{{{ if group.isOwner }}}
-		<button data-bs-toggle="tab" data-bs-target="#groups-pending" class="btn-ghost fw-semibold">
+		<button data-bs-toggle="tab" data-bs-target="#groups-pending" class="btn-ghost ff-secondary fw-semibold">
 			<div class="flex-grow-1">[[groups:details.pending]]</div>
 			<span class="flex-shrink-0 text-xs" title="{group.pending.length}">{humanReadableNumber(group.group.pending.length)}</span>
 		</button>
 
-		<button data-bs-toggle="tab" data-bs-target="#groups-invited" class="btn-ghost fw-semibold">
+		<button data-bs-toggle="tab" data-bs-target="#groups-invited" class="btn-ghost ff-secondary fw-semibold">
 			<div class="flex-grow-1">[[groups:details.invited]]</div>
 			<span class="flex-shrink-0 text-xs" title="{group.invited.length}">{humanReadableNumber(group.group.invited.length)}</span>
 		</button>
 
-		<button data-bs-toggle="tab" data-bs-target="#groups-admin" class="btn-ghost fw-semibold">
+		<button data-bs-toggle="tab" data-bs-target="#groups-admin" class="btn-ghost ff-secondary fw-semibold">
 			<div class="flex-grow-1">[[global:header.admin]]</div>
 		</button>
 		{{{ end }}}

package/templates/partials/post_bar.tpl

@@ -3,7 +3,7 @@
 		<div class="d-flex flex-row p-2 text-bg-light border rounded w-100 align-items-center">
 			<ul class="d-flex list-unstyled me-auto mb-0 gap-2 align-items-center flex-wrap">
 				{{{ if loggedIn }}}
-				<button component="topic/mark-unread" class="btn-ghost-sm d-flex gap-2 align-items-center">
+				<button component="topic/mark-unread" class="btn-ghost-sm ff-secondary d-flex gap-2 align-items-center">
 					<i class="fa fa-fw fa-inbox text-primary"></i>
 					<span class="d-none d-md-inline fw-semibold">[[topic:mark-unread]]</span>
 				</button>

package/templates/partials/quick-search-results.tpl

@@ -14,7 +14,7 @@
 	{{{ each posts }}}
 	<li data-tid="{posts.topic.tid}" data-pid="{posts.pid}" class="d-flex flex-column gap-1">
 		<a href="{config.relative_path}/post/{posts.pid}"
-			class="btn-ghost-sm rounded-1 text-reset d-block text-truncate px-2 py-1">
+			class="btn-ghost-sm ff-secondary rounded-1 text-reset d-block text-truncate px-2 py-1">
 			<span class="quick-search-title fw-semibold text-sm">{posts.topic.title}</span>
 			<br/>
 			<p class="snippet text-xs text-break text-wrap mb-0">

package/templates/partials/search-filters.tpl

@@ -4,7 +4,7 @@
 		<div component="category/filter" class="dropdown" data-filter-name="category">
 			<a component="category/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.categories.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
 				<span class="filter-label">{{{ if filters.categories.active }}}{filters.categories.label}{{{ else }}}[[search:categories]]{{{ end }}}</span>
-				<span class="caret"></span>
+				<span class="caret text-primary opacity-75"></span>
 			</a>
 
 			<ul class="dropdown-menu p-1 text-sm">
@@ -30,7 +30,7 @@
 		<div component="tag/filter" class="dropdown" data-filter-name="tag">
 			<a component="tag/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.tags.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
 				<span class="filter-label">{{{ if filters.tags.active }}}{filters.tags.label}{{{ else }}}[[search:tags]]{{{ end }}}</span>
-				<span class="caret"></span>
+				<span class="caret text-primary opacity-75"></span>
 			</a>
 
 			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;">
@@ -60,7 +60,7 @@
 		<div component="user/filter" class="dropdown" data-filter-name="user">
 			<a component="user/filter/button" class="filter-btn btn btn-light btn-sm border {{{ if filters.users.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
 				<span class="filter-label">{{{ if filters.users.active }}}{filters.users.label}{{{ else }}}[[search:posted-by]]{{{ end }}}</span>
-				<span class="caret"></span>
+				<span class="caret text-primary opacity-75"></span>
 			</a>
 
 			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;">
@@ -91,7 +91,7 @@
 		<div class="dropdown" data-filter-name="replies">
 			<a id="reply-count-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.replies.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 				<span class="filter-label">{{{ if filters.replies.active }}}{filters.replies.label}{{{ else }}}[[search:replies]]{{{ end }}}</span>
-				<span class="caret"></span>
+				<span class="caret text-primary opacity-75"></span>
 			</a>
 
 			<ul class="dropdown-menu p-1 text-sm" style="width: 300px;">
@@ -111,7 +111,7 @@
 		<div class="dropdown" data-filter-name="time">
 			<a id="post-time-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.time.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 				<span class="filter-label">{{{ if filters.time.active }}}{filters.time.label}{{{ else }}}[[search:time]]{{{ end }}}</span>
-				<span class="caret"></span>
+				<span class="caret text-primary opacity-75"></span>
 			</a>
 
 			<ul class="dropdown-menu p-1 text-sm" style="width: 350px;">
@@ -140,7 +140,7 @@
 		<div class="dropdown" data-filter-name="sort">
 			<a id="sort-by-button" class="filter-btn btn btn-light btn-sm border {{{ if filters.sort.active }}}active-filter{{{ end }}} dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
 				<span class="filter-label">{{{ if filters.sort.active }}}{filters.sort.label}{{{ else }}}[[search:sort]]{{{ end }}}</span>
-				<span class="caret"></span>
+				<span class="caret text-primary opacity-75"></span>
 			</a>
 
 			<ul class="dropdown-menu p-1 text-sm" style="width: 250px;">
@@ -170,13 +170,13 @@
 	<!-- save & reset preferences -->
 	<div class="post-search-item">
 		<div class="dropdown">
-			<a class="btn btn-light btn-sm border border-gray-300 dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">[[search:save]] <span class="caret"></span>
+			<a class="btn btn-light btn-sm border border-gray-300 dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">[[search:save]] <span class="caret text-primary opacity-75"></span>
 			</a>
 
 			<ul class="dropdown-menu p-1 text-sm" style="width: 300px;">
 				<li class="px-3 py-1 d-flex flex-column gap-2">
 					<button id="save-preferences" class="btn btn-primary">[[search:save-preferences]]</button>
-					<button id="clear-preferences" class="btn-outline border">[[search:clear-preferences]]</button>
+					<button id="clear-preferences" class="btn-ghost border">[[search:clear-preferences]]</button>
 				</li>
 			</ul>
 		</div>

package/templates/partials/tags/filter-dropdown-content.tpl

@@ -1,4 +1,4 @@
-<button type="button" class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
+<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
     {{{ if selectedTag }}}
     <span class="d-inline-flex align-items-center gap-1">
         <i class="fa fa-fw fa-tags text-primary"></i>

package/templates/partials/tags/watch.tpl

@@ -1,6 +1,6 @@
 {{{ if config.loggedIn }}}
 <div class="btn-group bottom-sheet" component="tag/watch">
-	<button class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
 		<span component="tag/following/menu" class="d-flex gap-2 align-items-center{{{ if !isFollowing }}} hidden{{{ end }}}">
 			<i class="flex-shrink-0 fa fa-fw fa-bell-o text-primary"></i>
 			<span class="d-none d-md-inline fw-semibold">[[tags:watching]]</span>

package/templates/partials/tags_list.tpl

@@ -1,5 +1,5 @@
 {{{each tags}}}
-<a href="{config.relative_path}/tags/{./valueEncoded}" data-tag="{./valueEscaped}" class="btn-ghost flex-column gap-0 align-items-start justify-content-start text-truncate p-2 ff-base">
+<a href="{config.relative_path}/tags/{./valueEncoded}" data-tag="{./valueEscaped}" class="btn-ghost ff-secondary flex-column gap-0 align-items-start justify-content-start text-truncate p-2 ff-base">
 	<div class="fw-semibold text-nowrap tag-item w-100 text-truncate">{./valueEscaped}</div>
 	<div class="text-xs text-muted text-nowrap tag-topic-count">[[global:x-topics, {formattedNumber(./score)}]]</div>
 </a>

package/templates/partials/topic/navigator.tpl

@@ -2,7 +2,7 @@
 	<div class="d-flex justify-content-end sticky-top mt-4" style="top:6rem;z-index:1;">
 		<div class="ps-1 ps-md-0 d-inline-block">
 			<div class="scroller-content d-flex gap-2 flex-column align-items-start">
-				<div class="pointer pagetop btn-ghost-sm d-inline-flex" style="padding: 4px;"><i class="fa fa-chevron-up"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./timestampISO}"></span></div>
+				<div class="pointer pagetop btn-ghost-sm ff-secondary d-inline-flex" style="padding: 4px;"><i class="fa fa-chevron-up"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./timestampISO}"></span></div>
 				<div class="scroller-container position-relative">
 					<div class="scroller-thumb d-flex gap-2 text-nowrap position-relative" style="height: 40px;">
 						<div class="scroller-thumb-icon bg-primary rounded d-inline-block" style="width:9px; height: 40px;"></div>
@@ -18,7 +18,7 @@
 						</div>
 					</div>
 				</div>
-				<div class="pointer pagebottom btn-ghost-sm d-inline-flex" style="padding: 4px;"><i class="fa fa-chevron-down"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./lastposttimeISO}"></span></div>
+				<div class="pointer pagebottom btn-ghost-sm ff-secondary d-inline-flex" style="padding: 4px;"><i class="fa fa-chevron-down"></i> <span class="timeago text-xs text-muted text-nowrap" title="{./lastposttimeISO}"></span></div>
 			</div>
 		</div>
 	</div>

package/templates/partials/topic/post-menu.tpl

@@ -1,5 +1,5 @@
 <span component="post/tools" class="dropdown moderator-tools bottom-sheet d-inline-block {{{ if !./display_post_menu }}}hidden{{{ end }}}">
-	<a class="btn-ghost-sm dropdown-toggle d-block" href="#" data-bs-toggle="dropdown"><i class="fa fa-fw fa-ellipsis-v text-primary"></i></a>
+	<a class="btn-ghost-sm ff-secondary dropdown-toggle d-block" href="#" data-bs-toggle="dropdown"><i class="fa fa-fw fa-ellipsis-v text-primary"></i></a>
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
 		<li class="dropdown-item placeholder-wave">
 			<div class="placeholder" style="width: 20px;"></div>

package/templates/partials/topic/post.tpl

@@ -82,7 +82,7 @@
 
 	<div class="d-flex">
 		{{{ if !hideReplies }}}
-		<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="d-flex gap-2 align-items-center mt-2 btn-outline border rounded-1 p-1 threaded-replies user-select-none text-muted text-decoration-none text-xs {{{ if (!./replies || shouldHideReplyContainer(@value)) }}}hidden{{{ end }}}">
+		<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="d-flex gap-2 align-items-center mt-2 btn-ghost ff-secondary border rounded-1 p-1 threaded-replies user-select-none text-muted text-decoration-none text-xs {{{ if (!./replies || shouldHideReplyContainer(@value)) }}}hidden{{{ end }}}">
 			<span component="post/reply-count/avatars" class="avatars d-inline-flex gap-1 align-items-top {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
 				{{{each posts.replies.users}}}
 				<span>{buildAvatar(posts.replies.users, "20px", true, "avatar-tooltip")}</span>
@@ -117,7 +117,7 @@
 
 			<meta itemprop="upvoteCount" content="{posts.upvotes}">
 			<meta itemprop="downvoteCount" content="{posts.downvotes}">
-			<div class="d-inline-block px-2 mx-1 btn-ghost-sm" component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</div>
+			<div class="d-inline-block px-2 mx-1 btn-ghost-sm ff-secondary" component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</div>
 
 			{{{ if !downvote:disabled }}}
 			<a component="post/downvote" href="#" class="btn-ghost-sm {{{ if posts.downvoted }}}downvoted{{{ end }}}">

package/templates/partials/topic/quickreply.tpl

@@ -15,7 +15,7 @@
 		</div>
 		<div>
 			<div class="d-flex justify-content-end gap-2">
-				<button type="submit" component="topic/quickreply/expand" class="btn btn-sm btn-outline" formmethod="get"><i class="fa fa-expand"></i></button>
+				<button type="submit" component="topic/quickreply/expand" class="btn btn-sm btn-ghost-sm border" formmethod="get"><i class="fa fa-expand"></i></button>
 				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">[[topic:post-quick-reply]]</button>
 			</div>
 		</div>

package/templates/partials/topic/sort.tpl

@@ -1,5 +1,5 @@
 <div class="btn-group bottom-sheet" component="thread/sort">
-	<button class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
 		<span class="d-flex gap-2 align-items-center">
 			<i class="fa fa-fw fa-arrow-down-wide-short text-primary"></i>
 			<span class="d-none d-md-inline fw-semibold">[[topic:sort-by]]</span>

package/templates/partials/topic/tools.tpl

@@ -1,6 +1,6 @@
 {{{ if privileges.view_thread_tools }}}
 <div class="btn-group thread-tools bottom-sheet">
-	<button class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
 		<i class="fa fa-fw fa-gear text-primary"></i>
 		<span class="d-none d-md-inline fw-semibold">[[topic:thread-tools.title]]</span>
 	</button>

package/templates/partials/topic/watch.tpl

@@ -1,6 +1,6 @@
 {{{ if config.loggedIn }}}
 <div class="btn-group bottom-sheet" component="topic/watch">
-	<button class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<button class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown" type="button">
 		<span component="topic/following/menu" class="d-flex gap-2 align-items-center{{{ if !isFollowing }}} hidden{{{ end }}}">
 			<i class="flex-shrink-0 fa fa-fw fa-bell-o text-primary"></i>
 			<span class="d-none d-md-inline fw-semibold">[[topic:watching]]</span>

package/templates/partials/topic-filters.tpl

@@ -1,5 +1,5 @@
 <div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
-	<button type="button" class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
+	<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
 		<i class="fa fa-fw fa-filter text-primary"></i>
 		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedFilter.name}</span>
 	</button>

package/templates/partials/topic-terms.tpl

@@ -1,5 +1,5 @@
 <div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
-	<button type="button" class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
+	<button type="button" class="btn-ghost-sm ff-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
 		<i class="fa fa-fw fa-clock text-primary"></i>
 		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedTerm.name}</span>
 	</button>

package/templates/partials/users/filter-dropdown-content.tpl

@@ -1,9 +1,9 @@
-<button type="button" class="btn-ghost-sm dropdown-toggle" data-bs-toggle="dropdown">
+<button type="button" class="btn-ghost-sm ff-secondary dropdown-toggle" data-bs-toggle="dropdown">
 	{{{ if selectedUser }}}
 	<span class="fw-semibold">{buildAvatar(selectedUser, "20px", true, "not-responsive")} {selectedUser.username}</span>
 	{{{ else }}}
 	<span class="fw-semibold">[[users:all-users]]</span>
-	{{{ end }}} <span class="caret"></span>
+	{{{ end }}} <span class="caret text-primary opacity-75"></span>
 </button>
 <ul class="dropdown-menu p-1 text-sm" role="menu">
 	<li role="presentation" class="user {{{ if !selectedUser}}}selected{{{end}}}">

package/templates/partials/users/item.tpl

@@ -1,4 +1,4 @@
-<a href="{config.relative_path}/user/{./userslug}" class="btn-ghost align-items-start justify-content-start p-2 ff-base">
+<a href="{config.relative_path}/user/{./userslug}" class="btn-ghost ff-secondary align-items-start justify-content-start p-2 ff-base">
 	{buildAvatar(@value, "48px", true, "flex-shrink-0")}
 	<div class="d-flex flex-column text-truncate">
 		<div class="fw-semibold text-truncate" title="{./displayname}">{./displayname}</div>

package/templates/partials/users_list_menu.tpl

@@ -1,15 +1,15 @@
 <div component="user/list/menu" class="text-sm d-flex flex-wrap align-items-center gap-2">
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=online">[[global:online]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=online">[[global:online]]</a>
 
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=sort-posts">[[users:top-posters]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=sort-posts">[[users:top-posters]]</a>
 
 	{{{ if !reputation:disabled }}}
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=sort-reputation">[[users:most-reputation]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=sort-reputation">[[users:most-reputation]]</a>
 	{{{ end }}}
 
 	{{{ if isAdminOrGlobalMod }}}
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=flagged">[[users:most-flags]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=flagged">[[users:most-flags]]</a>
 
-	<a class="btn-ghost fw-semibold" href="{config.relative_path}/users?section=banned">[[user:banned]]</a>
+	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=banned">[[user:banned]]</a>
 	{{{ end }}}
 </div>

package/templates/post-queue.tpl

@@ -14,14 +14,14 @@
 	{{{ end }}}
 
 	{{{ if (!singlePost && posts.length) }}}
-	<div class="btn-toolbar justify-content-end">
+	<div class="btn-toolbar justify-content-end mb-3">
 		<div class="me-2">
 		<!-- IMPORT partials/category/filter-dropdown-right.tpl -->
 		</div>
 
 		<div class="btn-group bottom-sheet" component="post-queue/bulk-actions">
-			<button type="button" class="btn-ghost-sm dropdown-toggle" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
-				<i class="fa fa-clone"></i><span class="fw-semibold"> [[post-queue:bulk-actions]]</span>
+			<button type="button" class="btn-ghost-sm ff-secondary dropdown-toggle" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
+				<i class="fa fa-clone text-primary"></i><span class="fw-semibold"> [[post-queue:bulk-actions]]</span>
 			</button>
 			<ul class="dropdown-menu p-1 text-sm dropdown-menu-end">
 				{{{ if canAccept }}}
@@ -78,7 +78,7 @@
 								[[post-queue:user]]
 								{{{ if ((privileges.ban || privileges.mute) || privileges.admin:users) }}}
 								<div class="ms-auto btn-group bottom-sheet">
-									<button href="#" class="btn btn-outline-sm text-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[global:actions]]</button>
+									<button href="#" class="btn btn-ghost-sm ff-secondary border text-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[global:actions]]</button>
 									<ul class="dropdown-menu p-1 text-sm">
 										{{{ if privileges.view:users:info }}}
 										<li><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{./user.userslug}/info">[[user:account-info]]</a></li>

package/templates/chat.tpl

@@ -1,37 +0,0 @@
-<div id="chat-modal" class="chat-modal d-flex flex-nowrap modal hide overflow-visible" tabindex="-1" role="dialog" aria-labelledby="Chat" aria-hidden="true" data-center="false">
-	<div class="modal-dialog">
-		<div class="modal-content" component="chat/message/window">
-			<div class="modal-header d-flex gap-4 justify-content-between">
-				<div class="fs-6 flex-grow-1 fw-semibold tracking-tight text-truncate text-nowrap" component="chat/room/name" data-icon="{icon}">{{{ if ./roomName }}}<i class="fa {icon} text-muted"></i> {roomName}{{{ else }}}{./chatWithMessage}{{{ end}}}</div>
-				<div class="d-flex gap-1 align-items-center">
-					<button type="button" class="btn-ghost-sm d-none d-md-flex" data-action="maximize" title="[[modules:chat.maximize]]" data-bs-toggle="tooltip" data-bs-placement="bottom">
-						<i class="fa fa-fw fa-expand text-muted"></i>
-					</button>
-
-					<!-- IMPORT partials/chats/options.tpl -->
-
-					<button id="chat-close-btn" type="button" class="btn-close btn-ghost-sm" aria-label="Close"></button>
-				</div>
-			</div>
-			<!-- IMPORT partials/chats/scroll-up-alert.tpl -->
-			<div class="modal-body d-flex flex-column" style="height: 500px;">
-				<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">
-							<!-- 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">
-							<div component="chat/message/search/no-results" class="text-center p-4 d-flex flex-column">
-								<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-								<div class="text-xs fw-semibold text-muted">[[search:no-matches]]</div>
-							</div>
-						</ul>
-						<!-- IMPORT partials/chats/composer.tpl -->
-					</div>
-				</div>
-			</div>
-			<div class="imagedrop"><div>[[topic:composer.drag-and-drop-images]]</div></div>
-		</div>
-	</div>
-</div>

package/templates/chats.tpl

@@ -1,54 +0,0 @@
-<div class="chats-full d-flex gap-1 h-100 mt-3 mt-md-0 py-md-3">
-	<div component="chat/nav-wrapper" class="flex-shrink-0 d-flex flex-column h-100 gap-1" data-loaded="{{{ if roomId }}}1{{{ else }}}0{{{ end }}}">
-
-		<div>
-			<button component="chat/create" class="btn btn-primary btn-sm w-100">[[modules:chat.create-room]]</button>
-		</div>
-
-		{{{ if publicRooms.length }}}
-		<hr class="my-1">
-
-		<div class="d-flex flex-column gap-1">
-			<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="#public-rooms"
-				onclick="$(this).find('i').toggleClass('fa-rotate-180');"><i class="fa fa-fw fa-chevron-up" style="transition: 0.25s ease;"></i></button>
-				<label class="text-sm text-muted lh-1">[[modules:chat.public-rooms, {publicRooms.length}]]</label>
-			</div>
-			<div id="public-rooms" component="chat/public" class="collapse show">
-				<div class="d-flex gap-1 flex-column">
-					{{{ each publicRooms }}}
-					<div component="chat/public/room" class="btn-ghost-sm ff-sans justify-content-between hover-parent {{{ if ./unread}}}unread{{{ end }}}" data-roomid="{./roomId}">
-						<div class="d-flex gap-1 align-items-center"><i class="fa {./icon} text-muted"></i> {./roomName} <div component="chat/public/room/unread/count" data-count="{./unreadCount}" class="badge border bg-light text-primary {{{ if !./unreadCount }}}hidden{{{ end }}}">{./unreadCountText}</div></div>
-						<div>
-							<div component="chat/public/room/sort/handle" class="text-muted {{{ if isAdmin }}}hover-d-block{{{ else }}}d-none{{{ end }}}" style="cursor:grab;"><i class="fa fa-bars"></i></div>
-						</div>
-					</div>
-					{{{ end }}}
-				</div>
-			</div>
-		</div>
-		{{{ end }}}
-
-		<hr class="my-1">
-
-		<div class="d-flex flex-column gap-1 overflow-auto">
-			{{{ if publicRooms.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>
-				<label class="text-sm text-muted lh-1">[[modules:chat.private-rooms, {privateRoomCount}]]</label>
-			</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}">
-				{{{each rooms}}}
-				<!-- IMPORT partials/chats/recent_room.tpl -->
-				{{{end}}}
-			</div>
-		</div>
-	</div>
-	<div component="chat/main-wrapper" class="flex-grow-1 ms-md-2 ps-md-2 border-1 border-start-md h-100" style="min-width: 0;" data-roomid="{roomId}">
-		<!-- IMPORT partials/chats/message-window.tpl -->
-	</div>
-	<div class="imagedrop"><div>[[topic:composer.drag-and-drop-images]]</div></div>
-</div>

package/templates/partials/chats/add-reaction.tpl

@@ -1 +0,0 @@
-<!-- This partial intentionally left blank; overwritten by nodebb-plugin-reactions -->

package/templates/partials/chats/composer.tpl

@@ -1,27 +0,0 @@
-<div component="chat/composer" class="d-flex flex-column border-top pt-2 align-items-start">
-	<div component="chat/composer/replying-to" data-tomid="" class="text-sm px-2 mb-1 d-flex gap-2 align-items-center hidden">
-		<div component="chat/composer/replying-to-text"></div> <button component="chat/composer/replying-to-cancel" class="btn-ghost-sm px-2 py-1"><i class="fa fa-times"></i></button>
-	</div>
-	<div class="w-100 flex-grow-1 flex-nowrap position-relative d-flex rounded-2 border border-secondary p-1 align-items-end">
-		<button component="chat/upload/button" class="btn-ghost-sm px-2" type="button" title="[[global:upload]]" data-bs-toggle="tooltip"><i class="fa fa-fw fa-upload"></i></button>
-		<div class="flex-grow-1 align-self-center">
-			<textarea component="chat/input" placeholder="[[modules:chat.placeholder.mobile]]" class="bg-transparent text-body form-control chat-input mousetrap rounded-0 border-0 shadow-none px-1 py-0" style="min-height: 1.5rem;height:0;max-height:30vh;resize:none;"></textarea>
-		</div>
-		<div class="d-flex gap-1">
-			{{{ each composerActions }}}
-			<button data-action="{./action}" class="btn-ghost-sm px-2 {./class}" type="button" title="{./title}" data-bs-toggle="tooltip"><i class="fa {./icon}"></i></button>
-			{{{ end }}}
-			<button class="btn-ghost-sm px-2" type="button" data-action="send" title="[[modules:chat.send]]" data-bs-toggle="tooltip"><i class="fa fa-fw fa-paper-plane text-primary"></i></button>
-		</div>
-	</div>
-	<div class="d-flex justify-content-between align-items-center text-xs w-100 px-2 mt-1">
-		<div component="chat/composer/typing" class="">
-			<div component="chat/composer/typing/users" class="hidden"></div>
-			<div component="chat/composer/typing/text" class="hidden"></div>
-		</div>
-		<div component="chat/message/remaining" class="text-xs text-muted">{maximumChatMessageLength}</div>
-	</div>
-	<form class="hidden" component="chat/upload" method="post" enctype="multipart/form-data">
-		<input type="file" name="files[]" multiple class="hidden"/>
-	</form>
-</div>

package/templates/partials/chats/dropdown.tpl

@@ -1,10 +0,0 @@
-{{{ if !rooms.length }}}
-<li class="text-center p-4 d-flex flex-column">
-    <div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-	<div class="text-xs fw-semibold text-muted">[[modules:chat.no-active]]</div>
-</li>
-{{{ end }}}
-
-{{{ each rooms }}}
-<!-- IMPORT partials/chats/recent_room.tpl -->
-{{{ end }}}

package/templates/partials/chats/message-window.tpl

@@ -1,43 +0,0 @@
-<div component="chat/message/window" class="d-flex flex-column h-100">
-	{{{ if widgets.header.length }}}
-	<div data-widget-area="header">
-		{{{each widgets.header}}}
-		{{widgets.header.html}}
-		{{{end}}}
-	</div>
-	{{{ end }}}
-	{{{ if !roomId }}}
-	<div class="d-flex flex-column align-items-center gap-3 my-auto">
-		<i class="fa-solid fa-wind fs-2 text-muted"></i>
-		<span class="text-muted text-sm">[[modules:chat.no-active]]</span>
-	</div>
-	{{{ else }}}
-	<div component="chat/header" class="d-flex align-items-center px-md-3 gap-3">
-		<a href="#" data-action="close" role="button" class="flex-shrink-0 d-flex d-md-none btn btn-outline align-text-top"><i class="fa fa-chevron-left"></i></a>
-		<h5 component="chat/header/title" class="members flex-grow-1 fw-semibold tracking-tight mb-0 text-truncate text-nowrap">
-			{{{ if ./roomName }}}<i class="fa {icon} text-muted"></i> {roomName}{{{ else }}}{./chatWithMessage}{{{ end}}}
-		</h5>
-
-		<!-- IMPORT partials/chats/options.tpl -->
-	</div>
-	<!-- IMPORT partials/chats/scroll-up-alert.tpl -->
-	<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">
-				<!-- 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">
-				<div component="chat/message/search/no-results" class="text-center p-4 d-flex flex-column">
-					<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-					<div class="text-xs fw-semibold text-muted">[[search:no-matches]]</div>
-				</div>
-			</ul>
-			<!-- IMPORT partials/chats/composer.tpl -->
-		</div>
-
-		<!-- IMPORT partials/chats/user-list.tpl -->
-		<!-- IMPORT partials/chats/pinned-messages.tpl -->
-	</div>
-	{{{ end }}}
-</div>

package/templates/partials/chats/message.tpl

@@ -1,73 +0,0 @@
-<li component="chat/message" class="chat-message mx-2 pe-2 {{{ if messages.deleted }}} deleted{{{ end }}} {{{ if messages.pinned}}} pinned{{{ end }}} {{{ if messages.newSet }}}border-top pt-3{{{ end }}}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-index="{messages.index}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}" data-username="{messages.fromUser.username}">
-
-	{{{ if messages.parent }}}
-	<!-- IMPORT partials/chats/parent.tpl -->
-	{{{ end }}}
-
-	<div class="message-header lh-1 d-flex align-items-center gap-2 text-sm {{{ if !messages.newSet }}}hidden{{{ end }}} pb-2">
-		<a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "18px", true, "not-responsive")}</a>
-		<span class="chat-user fw-semibold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
-		{{{ if messages.fromUser.banned }}}
-		<span class="badge bg-danger">[[user:banned]]</span>
-		{{{ end }}}
-		{{{ if messages.fromUser.deleted }}}
-		<span class="badge bg-danger">[[user:deleted]]</span>
-		{{{ end }}}
-		<span class="chat-timestamp text-muted timeago" title="{messages.timestampISO}"></span>
-
-		<div component="chat/message/edited" class="text-muted ms-auto {{{ if !messages.edited }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {isoTimeToLocaleString(messages.editedISO, config.userLang)}]]"><i class="fa fa-edit"></i></span></div>
-	</div>
-	<div class="message-body-wrapper">
-		<div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto text-break">
-			{messages.content}
-		</div>
-		<!-- IMPORT partials/chats/reactions.tpl -->
-		<div component="chat/message/controls" class="position-relative">
-			<div class="btn-group border shadow-sm controls position-absolute bg-body end-0" style="bottom:1rem;">
-				<!-- IMPORT partials/chats/add-reaction.tpl -->
-				<button class="btn btn-sm btn-link" data-action="reply" title="[[topic:reply]]"><i class="fa fa-reply"></i></button>
-
-				<div class="btn-group d-inline-block">
-					<button class="btn btn-sm btn-link dropdown-toggle" data-bs-toggle="dropdown"><i class="fa fa-ellipsis" type="button"></i></button>
-					<ul class="dropdown-menu dropdown-menu-end p-1 text-sm list-unstyled">
-						{{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="edit"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-pencil text-muted"></i> [[topic:edit]]</span></a>
-						</li>
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="delete"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-trash text-muted"></i> [[topic:delete]]</span></a>
-						</li>
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="restore"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-repeat text-muted"></i> [[topic:restore]]</span></a>
-						</li>
-						{{{ end }}}
-
-						{{{ if (isAdminOrGlobalMod || isOwner )}}}
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="pin"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-thumbtack text-muted"></i> [[modules:chat.pin-message]]</span></a>
-						</li>
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="unpin"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-thumbtack fa-rotate-90 text-muted"></i> [[modules:chat.unpin-message]]</span></a>
-						</li>
-						<li class="dropdown-divider"></li>
-						{{{ end }}}
-
-						{{{ if isAdminOrGlobalMod }}}
-						<li>
-							<a href="#" class="dropdown-item rounded-1 chat-ip-button"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-info-circle text-muted"></i> [[modules:chat.show-ip]]</span></a>
-						</li>
-						{{{ end }}}
-
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="copy-text" data-mid="{messages.mid}"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-copy text-muted"></i> [[modules:chat.copy-text]]</span></a>
-						</li>
-
-						<li>
-							<a href="#" class="dropdown-item rounded-1" data-action="copy-link" data-mid="{messages.mid}"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-link text-muted"></i> [[modules:chat.copy-link]]</span></a>
-						</li>
-					</ul>
-				</div>
-			</div>
-		</div>
-	</div>
-</li>

package/templates/partials/chats/messages.tpl

@@ -1,7 +0,0 @@
-{{{each messages}}}
-	{{{ if !./system }}}
-	<!-- IMPORT partials/chats/message.tpl -->
-	{{{ else }}}
-	<!-- IMPORT partials/chats/system-message.tpl -->
-	{{{ end }}}
-{{{end}}}