nodebb-theme-harmony 1.0.0-beta.114 → 1.0.0-beta.116

package/package.json

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

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

@@ -24,8 +24,10 @@
 	<div component="chat/composer" class="d-flex flex-column flex-md-row gap-2 border-top pt-2 align-items-start align-items-md-end">
 		<div class="w-100 flex-grow-1 position-relative input-group">
 			<button component="chat/upload/button" class="btn btn-outline-primary btn-sm align-self-stretch px-3 px-md-2" type="button"><i class="fa fa-fw fa-upload"></i></button>
-			<textarea component="chat/input" placeholder="[[modules:chat.placeholder.mobile]]" class="form-control chat-input mousetrap" style="height:0;max-height:30vh;resize:none;"></textarea>
-			<span component="chat/message/remaining" class="text-xs text-muted position-absolute me-5 mb-1 end-0 bottom-0">{maximumChatMessageLength}</span>
+			<div class="flex-grow-1 position-relative">
+				<textarea component="chat/input" placeholder="[[modules:chat.placeholder.mobile]]" class="form-control chat-input mousetrap rounded-0" style="height:0;max-height:30vh;resize:none;"></textarea>
+				<span component="chat/message/remaining" class="text-xs text-muted position-absolute me-1 mb-1 end-0 bottom-0">{maximumChatMessageLength}</span>
+			</div>
 			<button class="btn btn-primary btn-sm align-self-stretch px-3 px-md-2" type="button" data-action="send"><i class="fa fa-fw fa-paper-plane"></i></button>
 		</div>
 		<form class="hidden" component="chat/upload" method="post" enctype="multipart/form-data">

package/templates/partials/chats/message.tpl

@@ -1,11 +1,11 @@
-<li component="chat/message" class="chat-message mx-2 pe-2 clear{{{ if ./deleted }}} deleted{{{ end }}} {{{ if messages.newSet }}}border-top pt-3{{{ end }}}" data-index="{messages.index}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}">
+<li component="chat/message" class="chat-message mx-2 pe-2 clear{{{ if messages.deleted }}} deleted{{{ end }}} {{{ if messages.newSet }}}border-top pt-3{{{ end }}}" data-index="{messages.index}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}">
 	<div class="message-header lh-1 d-flex align-items-center gap-2 text-sm {{{ if !messages.newSet }}}hidden{{{ end }}} pb-2">
 		<a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "18px", true, "not-responsive")}</a>
 		<span class="chat-user fw-semibold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
-		{{{ if ./fromUser.banned }}}
+		{{{ if messages.fromUser.banned }}}
 		<span class="badge bg-danger">[[user:banned]]</span>
 		{{{ end }}}
-		{{{ if ./fromUser.deleted }}}
+		{{{ if messages.fromUser.deleted }}}
 		<span class="badge bg-danger">[[user:deleted]]</span>
 		{{{ end }}}
 		<span class="chat-timestamp text-muted ms-2 timeago" title="{messages.timestampISO}"></span>
@@ -18,7 +18,7 @@
 			{messages.content}
 		</div>
 
-		{{{ if (!config.disableChatMessageEditing && ./self ) }}}
+		{{{ if (!config.disableChatMessageEditing && messages.self ) }}}
 		<div class="position-relative">
 			<div class="btn-group border shadow-sm controls position-absolute small hover-d-block" style="bottom:5px; right:30px; display:none;">
 				<button class="btn btn-sm btn-link" data-action="edit"><i class="fa fa-pencil"></i></button>