nodebb-theme-harmony 2.2.11 → 2.2.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-harmony",
-  "version": "2.2.11",
+  "version": "2.2.13",
   "nbbpm": {
     "compatibility": "^4.0.0"
   },

package/public/harmony.js

@@ -187,11 +187,15 @@ $(document).ready(function () {
 
 			draftsEl.on('click', '[component="drafts/delete"]', function () {
 				const save_id = $(this).attr('data-save-id');
-				bootbox.confirm('[[modules:composer.discard-draft-confirm]]', function (ok) {
-					if (ok) {
-						drafts.removeDraft(save_id);
-						renderDraftList();
-					}
+				bootbox.confirm({
+					title: '[[modules:bootbox.confirm]]',
+					message: '[[modules:composer.discard-draft-confirm]]',
+					callback: function (ok) {
+						if (ok) {
+							drafts.removeDraft(save_id);
+							renderDraftList();
+						}
+					},
 				});
 				return false;
 			});

package/scss/skins.scss

@@ -12,6 +12,14 @@
 	}
 }
 
+.skin-brite {
+	.topic-sidebar-tools .btn {
+		// this removes the 3px left margin on buttons in brite skin
+		// without this buttons in the sidebar on topic.tpl aren't properly aligned
+		margin-left: 0px;
+	}
+}
+
 .skin-solar {
 	.form-control::placeholder {
 		color:$gray-100!important;

package/templates/partials/groups/badge.tpl

@@ -1 +1 @@
-<a href="{config.relative_path}/groups/{./slug}" class="badge rounded-1 text-uppercase text-truncate text-decoration-none" style="max-width: 150px;color:{./textColor};background-color: {./labelColor};"><i class="fa {{{ if ./icon }}}{./icon}{{{ if ./userTitle}}} me-1{{{ end }}}{{{else}}}hidden{{{ end }}}"></i><span class="badge-text align-text-bottom">{{{ if ./userTitle }}}{./userTitle}{{{ end }}}</span></a>
+<a href="{config.relative_path}/groups/{./slug}" class="badge rounded-1 text-uppercase text-truncate text-decoration-none d-flex gap-1" style="max-width: 150px;color:{./textColor};background-color: {./labelColor};"><i class="fa {{{ if ./icon }}}{./icon}{{{else}}}hidden{{{ end }}}"></i><span class="badge-text">{{{ if ./userTitle }}}{./userTitle}{{{ end }}}</span></a>

package/templates/partials/topic/post.tpl

@@ -66,7 +66,7 @@
 				{{{ if posts.user.custom_profile_info.length }}}
 				<div>
 					<span>
-						&#124;
+
 						{{{ each posts.user.custom_profile_info }}}
 						{posts.user.custom_profile_info.content}
 						{{{ end }}}

package/templates/partials/topic-list-bar.tpl

@@ -1,7 +1,7 @@
 <div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}} mb-3" style="top: {{{ if (config.theme.topMobilebar && !config.theme.autohideBottombar) }}}var(--panel-offset){{{ else }}}0{{{ end }}};">
 	<nav class="topic-list-header d-flex flex-nowrap my-2 p-0 border-0 rounded">
-		<div class="d-flex flex-row p-2 text-bg-light gap-1 border rounded w-100">
-			<div component="category/controls" class="d-flex me-auto mb-0 gap-2 flex-wrap">
+		<div class="d-flex flex-row p-2 text-bg-light gap-1 border rounded w-100 align-items-center">
+			<div component="category/controls" class="d-flex flex-wrap align-items-stretch me-auto mb-0 gap-2">
 				{{{ if template.category }}}
 				<!-- IMPORT partials/category/watch.tpl -->
 				<!-- IMPORT partials/tags/filter-dropdown-left.tpl -->

package/templates/topic.tpl

@@ -108,7 +108,7 @@
 						<div class="sticky-top" style="{{{ if config.theme.topicSidebarTools }}}top:2rem;{{{ else }}}top:6rem; {{{ end }}} z-index:1;">
 							<div class="d-flex flex-column gap-3 align-items-end">
 								{{{ if config.theme.topicSidebarTools }}}
-								<div class="d-flex flex-column gap-2" style="width: 170px;">
+								<div class="topic-sidebar-tools d-flex flex-column gap-2" style="width: 170px;">
 									<!-- IMPORT partials/topic/reply-button.tpl -->
 									<!-- IMPORT partials/topic/mark-unread.tpl -->
 									<!-- IMPORT partials/topic/watch.tpl -->

package/templates/partials/topic-filters.tpl

@@ -1,16 +0,0 @@
-<div class="dropdown bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
-	<button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		<i class="fa fa-fw fa-filter text-primary"></i>
-		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedFilter.name}</span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		{{{each filters}}}
-		<li role="presentation" class="category {{{if filters.selected}}}selected{{{end}}}">
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{filters.url}">
-				<div class="flex-grow-1">{filters.name}</div>
-				<i class="flex-shrink-0 fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i>
-			</a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>

package/templates/partials/topic-terms.tpl

@@ -1,16 +0,0 @@
-<div class="dropdown bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
-	<button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-center gap-2 dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-		<i class="fa fa-fw fa-clock text-primary"></i>
-		<span class="visible-md-inline visible-lg-inline fw-semibold">{selectedTerm.name}</span>
-	</button>
-	<ul class="dropdown-menu p-1 text-sm" role="menu">
-		{{{each terms}}}
-		<li role="presentation" class="category">
-			<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{config.relative_path}/{terms.url}">
-				<div class="flex-grow-1">{terms.name}</div>
-				<i class="flex-shrink-0 fa fa-fw {{{ if terms.selected }}}fa-check{{{ end }}}"></i>
-			</a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>