nodebb-theme-harmony 1.0.0-beta.81 → 1.0.0-beta.82

package/package.json

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

package/scss/modules/topics-list.scss

@@ -20,7 +20,13 @@
 	&.unread .title {
 		color: $link-color;
 	}
+
 	.ui-sortable-handle {
 		cursor: move;
 	}
+
+	.topic-thumb img {
+		width: 80px;
+		height: auto;
+	}
 }

package/templates/partials/notifications_list.tpl

@@ -5,7 +5,7 @@
 {{{ 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-2">
+		<div class="d-flex gap-2 flex-grow-1">
 			{{{ if ./image }}}
 			{{{ if ./from }}}
 			<a class="text-decoration-none" href="{config.relative_path}/user/{./user.userslug}"><img class="avatar avatar-rounded" style="--avatar-size: 32px;" src="{./image}" /></a>
@@ -13,8 +13,8 @@
 			{{{ else }}}
 			<a class="text-decoration-none"  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-column">
-				<a href="{./path}" class="text-decoration-none text-reset text-break text-sm">
+			<div class=" d-flex flex-grow-1 flex-column position-relative">
+				<a href="{./path}" class="text-decoration-none text-reset text-break text-sm 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/topic/post.tpl

@@ -37,13 +37,13 @@
 			<span class="badge bg-danger rounded-1">[[user:banned]]</span>
 			{{{ end }}}
 
-			<div class="d-flex gap-1 hidden-xs align-items-center">
+			<div class="d-flex gap-1 align-items-center">
 				<span class="text-muted">
-				{{{ if posts.toPid }}}
-				{generateRepliedTo(@value, config.timeagoCutoff)}
-				{{{ else }}}
-				{generateWrote(@value, config.timeagoCutoff)}
-				{{{ end }}}
+					{{{ if posts.toPid }}}
+					{generateRepliedTo(@value, config.timeagoCutoff)}
+					{{{ else }}}
+					{generateWrote(@value, config.timeagoCutoff)}
+					{{{ end }}}
 				</span>
 
 				<i component="post/edit-indicator" class="fa fa-edit text-muted{{{ if privileges.posts:history }}} pointer{{{ end }}} edit-icon {{{ if !posts.editor.username }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {./editedISO}]]"></i>

package/templates/partials/topics_list.tpl

@@ -11,15 +11,19 @@
 		<div class="row">
 			<div class="col-md-7 col-sm-9 col-12 content d-flex">
 				<div class="me-3">
+					{{{ if ./thumbs.length }}}
+					<div class="topic-thumb">
+						<a href="{./thumbs.0.url}">
+							<img class="topic-thumb rounded-1" src="{./thumbs.0.url}" class="not-responsive" />
+						</a>
+					</div>
+					{{{ else }}}
 					<div class="avatar">
 						<a href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" class="text-decoration-none">
-							{{{ if ./thumbs.length }}}
-							<img class="topic-thumb rounded-1" width="80" height="auto" src="{./thumbs.0.url}" class="not-responsive" />
-							{{{ else }}}
 							{buildAvatar(./user, "40px", true, "avatar-tooltip not-responsive")}
-							{{{ end }}}
 						</a>
 					</div>
+					{{{ end }}}
 				</div>
 				<div class="d-flex flex-column gap-1">
 					<h2 component="topic/header" class="text-break title mb-1 {{{ if showSelect }}}me-4{{{ end }}} me-md-0 text-md fw-bold">