nodebb-theme-persona 13.0.3 → 13.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-persona",
-  "version": "13.0.3",
+  "version": "13.0.5",
   "nbbpm": {
     "compatibility": "^3.0.0"
   },

package/public/persona.js

@@ -44,7 +44,7 @@ $(document).ready(function () {
 				return;
 			}
 			lastBSEnv = env;
-			var navbarEl = $('.navbar-fixed-top');
+			var navbarEl = $('[component="navbar"]');
 			navbarEl.autoHidingNavbar('destroy').removeData('plugin_autoHidingNavbar');
 			navbarEl.css('top', '');
 

package/scss/chats.scss

@@ -133,6 +133,7 @@
 	}
 
 	> li {
+		height: 80px;
 		display: flex;
 		position: relative;
 		clear: both;
@@ -257,7 +258,6 @@
 			.avatar {
 				$size: 80px;
 				@include user-icon-style($size, calc($size * 0.6), 0);
-				background: $gray-200;
 			}
 		}
 	}

package/scss/header.scss

@@ -59,7 +59,7 @@
 				color: $text-muted;
 
 				&:after {
-					font-family: "Font Awesome 5 Free";
+					font-family: "FontAwesome";
 					content: fa-content($fa-var-circle);
 					font-weight: 400;
 					padding: 4px 1rem;

package/scss/modules/alerts.scss

@@ -12,6 +12,7 @@
 
 		&::before {
 			transition: inherit;
+			content: ' ';
 			display: block;
 			position: absolute;
 			z-index: 0;

package/templates/flags/detail.tpl

@@ -147,23 +147,23 @@
 							<span class="caret"></span>
 						</button>
 						<ul class="dropdown-menu">
-							<li class="dropdown-item"><a href="{config.relative_path}/uid/{target.uid}">[[flags:view-profile]]</a></li>
+							<li><a class="dropdown-item" href="{config.relative_path}/uid/{target.uid}">[[flags:view-profile]]</a></li>
 							{{{ if !config.disableChat }}}
-								<li class="dropdown-item"><a href="#" data-action="chat">[[flags:start-new-chat]]</a></li>
+								<li><a class="dropdown-item" href="#" data-action="chat">[[flags:start-new-chat]]</a></li>
 							{{{ end }}}
-							<li><hr class="dropdown-divider"></li>
+							<li class="dropdown-divider"></li>
 							{{{ if privileges.ban }}}
-							<li class="dropdown-item" class="{{{ if target.user.banned }}}hidden{{{ end }}}"><a href="#" data-action="ban">[[user:ban_account]]</a></li>
-							<li class="dropdown-item" class="{{{ if !target.user.banned }}}hidden{{{ end }}}"><a href="#" data-action="unban">[[user:unban_account]]</a></li>
+							<li class="{{{ if target.user.banned }}}hidden{{{ end }}}"><a class="dropdown-item" href="#" data-action="ban">[[user:ban_account]]</a></li>
+							<li class="{{{ if !target.user.banned }}}hidden{{{ end }}}"><a class="dropdown-item" href="#" data-action="unban">[[user:unban_account]]</a></li>
 							{{{ end }}}
 							{{{ if privileges.mute}}}
-							<li class="dropdown-item" class="{{{ if target.user.muted }}}hidden{{{ end }}}"><a href="#" data-action="mute">[[user:mute_account]]</a></li>
-							<li class="dropdown-item" class="{{{ if !target.user.muted }}}hidden{{{ end }}}"><a href="#" data-action="unmute">[[user:unmute_account]]</a></li>
+							<li class="{{{ if target.user.muted }}}hidden{{{ end }}}"><a class="dropdown-item" href="#" data-action="mute">[[user:mute_account]]</a></li>
+							<li class="{{{ if !target.user.muted }}}hidden{{{ end }}}"><a class="dropdown-item" href="#" data-action="unmute">[[user:unmute_account]]</a></li>
 							{{{ end }}}
 							{{{ if privileges.admin:users }}}
-							<li class="dropdown-item"><a href="#" data-action="delete-account">[[user:delete_account_as_admin]]</a></li>
-							<li class="dropdown-item"><a href="#" data-action="delete-content">[[user:delete_content]]</a></li>
-							<li class="dropdown-item"><a href="#" data-action="delete-all">[[user:delete_all]]</a></li>
+							<li><a class="dropdown-item" href="#" data-action="delete-account">[[user:delete_account_as_admin]]</a></li>
+							<li><a class="dropdown-item" href="#" data-action="delete-content">[[user:delete_content]]</a></li>
+							<li><a class="dropdown-item" href="#" data-action="delete-all">[[user:delete_all]]</a></li>
 							{{{ end }}}
 						</ul>
 					</div>

package/templates/partials/account/menu.tpl

@@ -2,7 +2,7 @@
 	<button type="button" class="persona-fab dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 		<i class="fa fa-ellipsis-v"></i>
 	</button>
-	<ul class="dropdown-menu dropdown-menu-end">
+	<ul class="dropdown-menu dropdown-menu-end account-sub-links">
 		<!-- IF loggedIn -->
 		<!-- IF !isSelf -->
 		<!-- IF !banned -->

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

@@ -13,7 +13,7 @@
 		<button type="button" class="btn-close" aria-hidden="true" aria-label="Close" data-action="close"></button>
 	</div>
 	<div class="position-relative">
-		<div component="chat/messages/scroll-up-alert" class="position-absolute scroll-up-alert alert alert-info hidden w-100" role="button">[[modules:chat.scroll-up-alert]]</div>
+		<div component="chat/messages/scroll-up-alert" class="position-absolute scroll-up-alert alert alert-info hidden w-100" role="button" style="z-index: 1;">[[modules:chat.scroll-up-alert]]</div>
 	</div>
 	<ul class="chat-content">
 		<!-- IMPORT partials/chats/messages.tpl -->

package/templates/partials/chats/recent_room.tpl

@@ -7,6 +7,7 @@
 	<!-- ENDIF @first -->
 	{{{end}}}
 
+	{{{ if rooms.users.length }}}
 	<ul class="members">
 		{{{each rooms.users}}}
 		<li>
@@ -14,14 +15,17 @@
 		</li>
 		{{{end}}}
 	</ul>
+	{{{ end }}}
 
-	<div class="notification-chat-content">
-		<strong class="room-name">
-			<!-- IF !rooms.lastUser.uid -->
+	<div class="notification-chat-content flex-grow-1">
+		<!-- IF !rooms.lastUser.uid -->
+		<div class="p-3 text-center h-100">
 			<span>[[modules:chat.no-users-in-room]]</span>
-			<!-- ELSE -->
+		</div>
+		<!-- ELSE -->
+		<strong class="room-name">
 			<span component="chat/title"><!-- IF rooms.roomName -->{rooms.roomName}<!-- ELSE -->{rooms.usernames}<!-- ENDIF rooms.roomName --></span>
-			<!-- ENDIF !rooms.lastUser.uid -->
 		</strong>
+		<!-- ENDIF !rooms.lastUser.uid -->
 	</div>
 </li>

package/templates/partials/topic/quickreply.tpl

@@ -1,11 +1,11 @@
 <!-- IF privileges.topics:reply -->
 <div component="topic/quickreply/container" class="clearfix quick-reply">
 	<div class="icon float-start hidden-xs">
-		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
+		<a data-uid="{loggedInUser.uid}" href="{{{ if loggedInUser.userslug }}}{config.relative_path}/user/{loggedInUser.userslug}{{{ else }}}#{{{ end }}}">
 			{buildAvatar(loggedInUser, "48px", true, "", "user/picture")}
-			<!-- IF loggedInUser.status -->
+			{{{ if loggedInUser.status }}}
 			<i component="user/status" class="fa fa-circle status {loggedInUser.status}" title="[[global:{loggedInUser.status}]]"></i>
-			<!-- ENDIF loggedInUser.status -->
+			{{{ end }}}
 		</a>
 	</div>
 	<form method="post" action="{config.relative_path}/compose">