nodebb-theme-harmony 1.0.0-beta.111 → 1.0.0-beta.113

package/library.js

@@ -118,6 +118,16 @@ library.defineWidgetAreas = async function (areas) {
 			template: 'global',
 			location: 'brand-header',
 		},
+		{
+			name: 'About me (before)',
+			template: 'account/profile.tpl',
+			location: 'profile-aboutme-before',
+		},
+		{
+			name: 'About me (after)',
+			template: 'account/profile.tpl',
+			location: 'profile-aboutme-after',
+		},
 	]);
 
 	return areas;
@@ -140,7 +150,7 @@ async function loadThemeConfig(uid) {
 }
 
 library.getThemeConfig = async function (config) {
-	config.theme = await loadThemeConfig(config.uid);;
+	config.theme = await loadThemeConfig(config.uid);
 	config.openDraftsOnPageLoad = false;
 	return config;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-harmony",
-  "version": "1.0.0-beta.111",
+  "version": "1.0.0-beta.113",
   "nbbpm": {
     "compatibility": "^3.0.0"
   },

package/scss/topic.scss

@@ -40,6 +40,9 @@
 			}
 
 			[component="post"] {
+				&.selected .post-container {
+					background-color: mix($body-bg, $body-color, 90%);
+				}
 				&.deleted .post-container {
 					opacity: .5;
 				}

package/templates/account/profile.tpl

@@ -1,10 +1,27 @@
 <!-- IMPORT partials/account/header.tpl -->
+
+{{{ if widgets.profile-aboutme-before.length }}}
+<div data-widget-area="profile-aboutme-before">
+{{{each widgets.profile-aboutme-before}}}
+{./html}
+{{{end}}}
+</div>
+{{{ end }}}
+
 {{{ if aboutme }}}
 <div component="aboutme" class="text-sm text-break">
 {aboutmeParsed}
 </div>
 {{{ end }}}
 
+{{{ if widgets.profile-aboutme-after.length }}}
+<div data-widget-area="profile-aboutme-after">
+{{{each widgets.profile-aboutme-after}}}
+{./html}
+{{{end}}}
+</div>
+{{{ end }}}
+
 <div class="account-stats container">
 	<div class="row row-cols-2 row-cols-xl-3 row-cols-xxl-4 g-2">
 		{{{ if !reputation:disabled }}}

package/templates/chats.tpl

@@ -20,7 +20,7 @@
 			{{{end}}}
 		</div>
 	</div>
-	<div class="flex-grow-1 ms-md-2 ps-md-2 border-1 border-start-md h-100" component="chat/main-wrapper">
+	<div class="flex-grow-1 ms-md-2 ps-md-2 border-1 border-start-md h-100" component="chat/main-wrapper" style="min-width: 0;">
 		<!-- IMPORT partials/chats/message-window.tpl -->
 	</div>
 	<div class="imagedrop"><div>[[topic:composer.drag_and_drop_images]]</div></div>

package/templates/partials/groups/invited.tpl

@@ -10,7 +10,7 @@
 </div>
 
 <div class="mb-2 clearfix">
-	<button class="btn btn-primary btn-sm float-end" component="groups/members/bulk-invite-button">[[groups:bulk-invite]]</button>
+	<button type="button" class="btn btn-primary btn-sm float-end" component="groups/members/bulk-invite-button">[[groups:bulk-invite]]</button>
 </div>
 
 <table component="groups/invited" class="table table-hover">

package/templates/partials/groups/memberlist.tpl

@@ -1,5 +1,5 @@
 <div class="d-flex {{{ if group.isOwner }}}justify-content-between{{{ else }}}justify-content-end{{{ end }}} mb-3">
-	{{{ if group.isOwner }}}
+	{{{ if isAdmin }}}
 	<div class="flex-shrink-0">
 		<button component="groups/members/add" type="button" class="btn btn-primary btn-sm me-3" title="[[groups:details.add-member]]"><i class="fa fa-user-plus"></i> [[groups:details.add-member]]</button>
 	</div>

package/templates/partials/notifications_list.tpl

@@ -8,16 +8,16 @@
 {{{ each notifications }}}
 <li class="{./readClass} mb-2 p-1" data-nid="{./nid}" data-path="{./path}" {{{ if ./pid }}}data-pid="{./pid}"{{{ end }}}{{{ if ./tid }}}data-tid="{./tid}"{{{ end }}}>
 	<div class="d-flex gap-1 justify-content-between">
-		<div class="d-flex gap-0 flex-grow-1 align-items-start">
+		<div class="btn-ghost-sm d-flex gap-2 flex-grow-1 align-items-start">
 			{{{ if ./image }}}
 			{{{ if ./from }}}
-			<a class="btn-ghost-sm p-1 flex-grow-0 flex-shrink-0" href="{config.relative_path}/user/{./user.userslug}"><img class="avatar avatar-rounded" style="--avatar-size: 32px;" src="{./image}" /></a>
+			<a class="flex-grow-0 flex-shrink-0" href="{config.relative_path}/user/{./user.userslug}"><img class="avatar avatar-rounded" style="--avatar-size: 32px;" src="{./image}" /></a>
 			{{{ end }}}
 			{{{ else }}}
-			<a class="btn-ghost-sm p-1 flex-grow-0 flex-shrink-0"  href="{config.relative_path}/user/{./user.userslug}"><div class="avatar avatar-rounded" style="--avatar-size: 32px; background-color: {./user.icon:bgColor};">{./user.icon:text}</div></a>
+			<a class="flex-grow-0 flex-shrink-0"  href="{config.relative_path}/user/{./user.userslug}"><div class="avatar avatar-rounded" style="--avatar-size: 32px; background-color: {./user.icon:bgColor};">{./user.icon:text}</div></a>
 			{{{ end }}}
 			<div class="d-flex flex-grow-1 flex-column align-items-start position-relative">
-				<a href="{./path}" class="btn-ghost-sm d-inline-block text-reset text-break text-sm ff-sans stretched-link">
+				<a href="{./path}" class="text-decoration-none d-inline-block text-reset text-break text-sm ff-sans stretched-link">
 					{./bodyShort}
 				</a>
 				<div class="text-xs text-muted">{{{ if ./timeagoLong }}}{./timeagoLong}{{{ else }}}<span class="timeago" title="{./datetimeISO}"></span>{{{ end }}}</div>

package/templates/partials/sidebar/notifications.tpl

@@ -10,7 +10,7 @@
 </a>
 <ul class="notifications-dropdown dropdown-menu p-1 shadow">
 	<li>
-		<ul component="notifications/list" class="list-container notification-list list-unstyled overscroll-behavior-contain ff-base">
+		<ul component="notifications/list" class="list-container notification-list list-unstyled overscroll-behavior-contain pe-1 ff-base">
 			<li class="mb-2 p-1">
 				<div class="d-flex gap-1 justify-content-between">
 					<div class="d-flex gap-2 flex-grow-1 placeholder-wave">