nodebb-theme-harmony 2.0.25 → 2.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-harmony",
-  "version": "2.0.25",
+  "version": "2.0.27",
   "nbbpm": {
     "compatibility": "^4.0.0"
   },

package/scss/common.scss

@@ -10,6 +10,15 @@ body {
 	text-rendering: optimizeLegibility;
 }
 
+@include media-breakpoint-down(lg) {
+	body {
+		height: 100%;
+		.layout-container {
+			height: 100%;
+		}
+	}
+}
+
 // fixes chrome font boosting :/ https://stackoverflow.com/questions/13430897/how-to-override-font-boosting-in-mobile-chrome
 body * {
 	max-height:1000000px;

package/templates/categories.tpl

@@ -3,7 +3,7 @@
 	{{widgets.header.html}}
 	{{{ end }}}
 </div>
-<div class="row py-2">
+<div class="row flex-fill py-2">
 	<div class="{{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		{{{ if pagination.pages.length }}}
 		<div><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>

package/templates/category.tpl

@@ -34,7 +34,7 @@
 {{{ end }}}
 
 
-<div class="row mt-3">
+<div class="row flex-fill mt-3">
 	<div class="category d-flex flex-column {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/category/subcategory.tpl -->
 		{{{ if (topics.length || privileges.topics:create) }}}

package/templates/groups/details.tpl

@@ -1,4 +1,4 @@
-<div component="groups/container" class="groups details">
+<div component="groups/container" class="groups details flex-fill">
 	<div class="cover position-absolute start-0 top-0" component="groups/cover" style="background-image: url({group.cover:url}); background-position: {group.cover:position};">
 		<div class="container">
 			{{{ if group.isOwner }}}

package/templates/groups/list.tpl

@@ -3,7 +3,7 @@
 	{{widgets.header.html}}
 	{{{end}}}
 </div>
-<div class="groups list">
+<div class="groups list flex-fill">
 	<h3 class="fw-semibold">[[pages:groups]]</h3>
 	<div class="d-flex flex-wrap justify-content-between">
 		<div class="mb-2 mb-md-0">

package/templates/groups/members.tpl

@@ -1,5 +1,5 @@
 <!-- IMPORT partials/breadcrumbs.tpl -->
-<div class="users">
+<div class="users flex-fill">
 	<div id="users-container" class="users-container row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 g-4">
 		{{{ each users }}}
 		<!-- IMPORT partials/users/item.tpl -->

package/templates/notifications.tpl

@@ -1,4 +1,4 @@
-<div class="notifications">
+<div class="notifications flex-fill">
 	<div class="btn-toolbar justify-content-end" role="toolbar">
 		<button class="btn btn-sm btn-light" component="notifications/mark_all">[[notifications:mark-all-read]]</button>
 	</div>

package/templates/partials/topic/quickreply.tpl

@@ -15,7 +15,8 @@
 		</div>
 		<div>
 			<div class="d-flex justify-content-end gap-2">
-				<button type="submit" component="topic/quickreply/expand" class="btn btn-ghost btn-sm border" title="[[topic:open-composer]]"><i class="fa fa-expand"></i></button>
+				<button type="button" component="topic/quickreply/upload/button" class="btn btn-ghost btn-sm border"><i class="fa fa-upload"></i></button>
+				<button type="button" component="topic/quickreply/expand" class="btn btn-ghost btn-sm border" title="[[topic:open-composer]]"><i class="fa fa-expand"></i></button>
 				<button type="submit" component="topic/quickreply/button" class="btn btn-sm btn-primary">[[topic:post-quick-reply]]</button>
 			</div>
 		</div>

package/templates/popular.tpl

@@ -6,7 +6,7 @@
 </div>
 {{{ end }}}
 
-<div class="row">
+<div class="row flex-fill">
 	<div class="popular {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/topic-list-bar.tpl -->
 		<div class="category">

package/templates/recent.tpl

@@ -6,7 +6,7 @@
 </div>
 {{{ end }}}
 
-<div class="row">
+<div class="row flex-fill">
 	<div class="recent {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/topic-list-bar.tpl -->
 

package/templates/search.tpl

@@ -1,4 +1,4 @@
-<div class="search">
+<div class="search flex-fill">
 	<div id="advanced-search" class="d-flex flex-column flex-md-row">
 		<!-- sidebar -->
 		<div class="flex-shrink-0 pe-2 border-end-md text-sm mb-3" style="flex-basis: 240px!important;">

package/templates/tag.tpl

@@ -5,7 +5,7 @@
 	{{{end}}}
 </div>
 {{{ end }}}
-<div class="row">
+<div class="row flex-fill">
 	<div class="tag {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/topic-list-bar.tpl -->
 

package/templates/tags.tpl

@@ -4,7 +4,7 @@
 	{{{end}}}
 </div>
 
-<div class="row">
+<div class="row flex-fill">
 	<div class="tags {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<h3 class="fw-semibold">[[pages:tags]]</h3>
 		{{{ if displayTagSearch }}}

package/templates/top.tpl

@@ -6,7 +6,7 @@
 </div>
 {{{ end }}}
 
-<div class="row">
+<div class="row flex-fill">
 	<div class="top {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/topic-list-bar.tpl -->
 		<div class="category">

package/templates/topic.tpl

@@ -10,7 +10,7 @@
 </div>
 {{{ end }}}
 
-<div itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
+<div class="flex-fill" itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
 	<meta itemprop="headline" content="{escape(titleRaw)}">
 	<meta itemprop="text" content="{escape(titleRaw)}">
 	<meta itemprop="url" content="{url}">

package/templates/unread.tpl

@@ -5,7 +5,7 @@
 	{{{end}}}
 </div>
 {{{ end }}}
-<div class="row">
+<div class="row flex-fill">
 	<div class="unread {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/topic-list-bar.tpl -->
 		<div class="category">

package/templates/users.tpl

@@ -3,7 +3,7 @@
 	{{widgets.header.html}}
 	{{{end}}}
 </div>
-<div class="users">
+<div class="users flex-fill">
 	<h3 class="fw-semibold">[[global:users]]</h3>
 	<div class="d-flex flex-wrap justify-content-between">
 		<div class="mb-2 mb-md-0">

package/templates/world.tpl

@@ -27,7 +27,7 @@
 	</p>
 </div>
 
-<div class="row">
+<div class="row flex-fill">
 	<div class="world {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/topic-list-bar.tpl -->