nodebb-theme-harmony 1.0.0-beta.76 → 1.0.0-beta.78

package/package.json

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

package/scss/groups.scss

@@ -3,8 +3,8 @@
 }
 
 .group-hover-bg {
-	$hover-color: mix($light, $dark, 97);
-	$border-color: mix($light, $dark, 90);
+	$hover-color: mix($light, $dark, 97%);
+	$border-color: mix($light, $dark, 90%);
 	.card-body {
 		border-color: $border-color!important;
 	}

package/scss/overrides.scss

@@ -39,7 +39,7 @@ $text-muted: $gray-600 !default;
 $border-color: $gray-200 !default;
 $link-color: shade-color($blue, 20%) !default;
 
-$btn-ghost-hover-color: mix($light, $dark, 90);
+$btn-ghost-hover-color: mix($light, $dark, 90%);
 
 // no caret on dropdown-toggle
 $enable-caret: false;

package/scss/sidebar.scss

@@ -13,7 +13,7 @@
 }
 
 .sidebar {
-	$hover-color: mix($light, $dark, 90);
+	$hover-color: mix($light, $dark, 90%);
 
 	@include media-breakpoint-up(lg) {
 		&.open {

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

@@ -22,13 +22,11 @@
 		<!-- IMPORT partials/chats/messages.tpl -->
 	</ul>
 	<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">
+		<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>
-			<span component="chat/message/remaining" class="text-xs text-muted position-absolute me-1 mb-1" style="right: 0px; bottom:0px;">{maximumChatMessageLength}</span>
-		</div>
-		<div class="d-flex justify-content-between align-self-stretch gap-2">
-			<button component="chat/upload/button" class="btn btn-light btn-sm align-self-end px-3 px-md-2" type="button"><i class="fa fa-fw fa-upload"></i></button>
-			<button class="btn btn-primary btn-sm align-self-end px-3 px-md-2" type="button" data-action="send"><i class="fa fa-fw fa-paper-plane"></i></button>
+			<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>
 		<form class="hidden" component="chat/upload" method="post" enctype="multipart/form-data">
 			<input type="file" name="files[]" multiple class="hidden"/>

package/templates/partials/notifications_list.tpl

@@ -14,7 +14,7 @@
 			<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 text-sm">
+				<a href="{./path}" class="text-decoration-none text-reset text-break text-sm">
 					{./bodyShort}
 				</a>
 				<div class="text-xs text-muted">{{{ if ./timeagoLong }}}{./timeagoLong}{{{ else }}}<span class="timeago" title="{./datetimeISO}"></span>{{{ end }}}</div>

package/templates/post-queue.tpl

@@ -59,7 +59,7 @@
 							<strong>[[post-queue:user]]</strong>
 							<div>
 								{{{ if posts.user.userslug}}}
-								<a href="{config.relative_path}/uid/{posts.user.uid}">{buildAvatar(posts.user, "24px", true, "not-responsive")} {posts.user.username}</a>
+								<a class="text-decoration-none" href="{config.relative_path}/uid/{posts.user.uid}">{buildAvatar(posts.user, "24px", true, "not-responsive")} {posts.user.username}</a>
 								{{{ else }}}
 								{posts.user.username}
 								{{{ end }}}