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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-harmony",
-  "version": "1.0.0-beta.112",
+  "version": "1.0.0-beta.114",
   "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

@@ -40,6 +40,9 @@
 			}
 
 			[component="post"] {
+				&.selected .post-container {
+					background-color: mix($body-bg, $body-color, 90%);
+				}
 				&.deleted .post-container {
 					opacity: .5;
 				}
@@ -50,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/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/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/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">