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

package/package.json

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

package/scss/chats.scss

@@ -79,7 +79,16 @@ body.page-user-chats {
 }
 
 /* Mobile handling of chat page */
+@include media-breakpoint-down(lg) {
+	.page-user-chats.chat-loaded  {
+		padding-bottom: 4.75rem;
+	}
+}
+
 @include media-breakpoint-down(md) {
+	.page-user-chats.chat-loaded  {
+		padding-bottom: initial;
+	}
 	[component="chat/nav-wrapper"] {
 		width: 100%;
 	}

package/scss/topic.scss

@@ -53,6 +53,9 @@
 					pre {
 						max-height: calc($font-size-base * 24);
 					}
+					table { // text-break breaks table formatting
+						word-break:initial!important;
+					}
 				}
 
 				> [component="post/footer"] {

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

@@ -24,7 +24,7 @@
 	<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;resize:none;"></textarea>
+			<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>
 			<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>

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>