nodebb-theme-harmony 2.1.39 → 2.1.40

package/library.js

@@ -1,6 +1,7 @@
 'use strict';
 
 const nconf = require.main.require('nconf');
+const { setTimeout } = require('timers/promises');
 const meta = require.main.require('./src/meta');
 const _ = require.main.require('lodash');
 const user = require.main.require('./src/user');
@@ -47,6 +48,8 @@ async function buildSkins() {
 		for (const skin of meta.css.supportedSkins) {
 			// eslint-disable-next-line no-await-in-loop
 			await meta.css.buildBundle(`client-${skin}`, true);
+			// eslint-disable-next-line no-await-in-loop
+			await setTimeout(5000);
 		}
 		require.main.require('./src/meta/minifier').killAll();
 	} catch (err) {

package/package.json

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

package/public/harmony.js

@@ -251,7 +251,8 @@ $(document).ready(function () {
 		tooltipEls.on('mouseenter', function (ev) {
 			const target = $(ev.target);
 			const isDropdown = target.hasClass('dropdown-menu') || !!target.parents('.dropdown-menu').length;
-			if (!$('.sidebar').hasClass('open') && !isDropdown) {
+			const isSidebarOpen = target.parents('.sidebar').hasClass('open');
+			if (!isSidebarOpen && !isDropdown) {
 				$(this).tooltip('show');
 			}
 		});

package/scss/header.scss

@@ -1,7 +1,7 @@
 // hide brand/title on user and group details pages so it doesnt break covers
 body[class*="template-account-"], .template-chats, .template-groups-details {
 	.brand-container {
-		display: none;
+		display: none!important;
 	}
 }
 [component="brand/wrapper"] {

package/scss/sidebar.scss

@@ -75,14 +75,14 @@
 		.fa-angles-right { display: inline-block; }
 		.fa-angles-left { display: none; }
 	}
-
+	$dropdown-menu-width: 350px;
 	.search-dropdown {
-		width: 300px;
+		width: $dropdown-menu-width;
 	}
 
 	.chats-dropdown, .notifications-dropdown, .drafts-dropdown {
-		min-width: 300px;
-		width: 300px;
+		min-width: $dropdown-menu-width;
+		width: $dropdown-menu-width;
 		.list-container {
 			max-height: 400px;
 			overflow-y: auto;

package/scss/skins.scss

@@ -6,6 +6,10 @@
 	.form-control::placeholder {
 		color:$gray-100!important;
 	}
+	.position-sticky.bg-body {
+		background-color: transparent!important;
+		backdrop-filter: blur(5px);
+	}
 }
 
 .skin-solar {

package/templates/partials/notifications_list.tpl

@@ -21,10 +21,15 @@
 				{{{ end }}}
 			</a>
 
-			<div class="d-flex flex-grow-1 flex-column align-items-start position-relative">
+			<div class="d-flex flex-grow-1 flex-column gap-1 align-items-start position-relative">
 				<a href="{./path}" class="text-decoration-none d-inline-block text-reset text-break text-sm ff-sans stretched-link" component="notifications/item/link">
 					{./bodyShort}
 				</a>
+				{{{ if ./bodyLong}}}
+				<div class="text-secondary text-sm line-clamp-2 hidden-blockquote hidden-leading-br">
+					{./bodyLong}
+				</div>
+				{{{ end }}}
 				<div class="text-xs text-muted">{{{ if ./timeagoLong }}}{./timeagoLong}{{{ else }}}<span class="timeago" title="{./datetimeISO}"></span>{{{ end }}}</div>
 			</div>
 		</div>