nodebb-theme-harmony 1.0.0-beta.53 → 1.0.0-beta.55

package/package.json

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

package/public/harmony.js

@@ -68,7 +68,6 @@ $(document).ready(function () {
 			let lastScrollTop = 0;
 			let newPostsLoaded = false;
 
-
 			function onWindowScroll() {
 				const st = $window.scrollTop();
 				if (newPostsLoaded) {
@@ -105,13 +104,13 @@ $(document).ready(function () {
 			});
 			hooks.on('action:posts.loaded', function () {
 				newPostsLoaded = true;
-				enableAutohide();
+				setTimeout(enableAutohide, 250);
 			});
 			hooks.on('action:ajaxify.end', function () {
 				$window.off('scroll', delayedScroll);
 				$body.removeClass('chat-loaded');
 				bottomBar.css({ bottom: 0 });
-				enableAutohide();
+				setTimeout(enableAutohide, 250);
 			});
 			hooks.on('action:chat.loaded', function () {
 				$body.toggleClass('chat-loaded', !!(ajaxify.data.template.chats && ajaxify.data.roomId));

package/scss/common.scss

@@ -2,6 +2,15 @@
 body {
 	overflow-y: scroll;
 }
+
+// fixes chrome font boosting :/ https://stackoverflow.com/questions/13430897/how-to-override-font-boosting-in-mobile-chrome
+body * {
+    max-height:1000000px;
+    text-size-adjust: none;
+    -webkit-text-size-adjust: none;
+    -moz-text-size-adjust: none;
+}
+
 .ff-base {
 	font-family: $font-family-base;
 }

package/templates/account/edit.tpl

@@ -1,7 +1,7 @@
 <!-- IMPORT partials/account/header.tpl -->
 
-<div class="d-flex justify-content-between mb-3">
-	<h3 class="fw-semibold fs-5">{{{ if isSelf }}}[[user:edit-profile]]{{{ else }}}[[pages:account/edit, {username}]]{{{ end }}}</h3>
+<div class="d-flex justify-content-between mb-3 align-items-center">
+	<h3 class="fw-semibold fs-5 mb-0">{{{ if isSelf }}}[[user:edit-profile]]{{{ else }}}[[pages:account/edit, {username}]]{{{ end }}}</h3>
 	<button id="submitBtn" class="btn btn-primary">[[global:save_changes]]</button>
 </div>
 <div class="row">

package/templates/partials/cookie-consent.tpl

@@ -1,5 +1,5 @@
-<div class="d-flex justify-content-center position-fixed start-0 bottom-0 w-100 mb-5 mb-md-0">
-    <div class="cookie-consent text-bg-info w-50 p-3 rounded d-flex gap-2 mb-5 mb-md-3 justify-content-between align-items-center">
+<div class="row d-flex justify-content-center position-fixed start-0 bottom-0 vw-100 pb-5 mb-5 pb-md-0 mb-md-0" style="z-index: 2;">
+    <div class="cookie-consent text-bg-info col-10 col-sm-8 col-lg-6 p-3 rounded d-flex gap-2 mb-5 mb-md-3 justify-content-between align-items-center">
         <span>{message} <a class="fw-bold" target="_blank" rel="noopener" href="{link_url}">{link}</a></span>
         <button class="btn btn-primary text-nowrap">{dismiss}</button>
     </div>

package/templates/partials/paginator.tpl

@@ -20,26 +20,4 @@
 			<a class="page-link rounded fw-secondary px-3" href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
 		</li>
 	</ul>
-
-	<ul class="pagination pagination-sm hidden-md hidden-lg justify-content-center">
-		<li class="page-item first{{{ if !pagination.prev.active }}} disabled{{{ end }}}">
-			<a class="page-link fw-secondary  href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
-		</li>
-
-		<li class="page-item previous{{{ if !pagination.prev.active }}} disabled{{{ end }}}">
-			<a class="page-link fw-secondary  href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
-		</li>
-
-		<li component="pagination/select-page" class="page-item page select-page">
-			<a class="page-link fw-secondary  href="#">{pagination.currentPage} / {pagination.pageCount}</a>
-		</li>
-
-		<li class="page-item next{{{ if !pagination.next.active }}} disabled{{{ end }}}">
-			<a class="page-link fw-secondary  href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
-		</li>
-
-		<li class="page-item last{{{ if !pagination.next.active }}} disabled{{{ end }}}">
-			<a class="page-link fw-secondary  href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
-		</li>
-	</ul>
 </div>

package/templates/partials/topic/navigator-mobile.tpl

@@ -4,16 +4,30 @@
 			<div class="progress-bar rounded-1 bg-info d-block position-absolute" style="height:28px;"></div>
 		</div>
 		<div class="wrapper dropup-center d-flex align-items-center justify-content-between w-100 h-100" style="padding: 5px 0px;">
-			<div class="lh-1 px-2">
-				<i class="fa fa-angle-double-up pointer fa-fw pagetop fs-5" style="z-index: 1;"></i>
+			<div class="d-flex">
+				<div class="lh-1 px-2">
+					<i class="fa fa-angles-left pointer fa-fw pagetop fs-5" style="z-index: 1;"></i>
+				</div>
+				{{{ if config.usePagination }}}
+				<div class="lh-1 px-2">
+					<i class="fa fa-angle-left pointer fa-fw pageprev fs-5" style="z-index: 1;"></i>
+				</div>
+				{{{ end }}}
 			</div>
 
 			<a href="#" class="text-reset dropdown-toggle d-inline-block px-3 text-decoration-none" data-bs-toggle="dropdown">
-				<span class="pagination-text position-relative fw-bold"></span>
+				<span class="d-inline-flex gap-2 align-items-center pagination-text position-relative fw-bold"></span>
 			</a>
 
-			<div class="lh-1 px-2">
-				<i class="fa fa-angle-double-down pointer fa-fw pagebottom fs-5" style="z-index: 1;"></i>
+			<div class="d-flex">
+				{{{ if config.usePagination }}}
+				<div class="lh-1 px-2">
+					<i class="fa fa-angle-right pointer fa-fw pagenext fs-5" style="z-index: 1;"></i>
+				</div>
+				{{{ end }}}
+				<div class="lh-1 px-2">
+					<i class="fa fa-angles-right pointer fa-fw pagebottom fs-5" style="z-index: 1;"></i>
+				</div>
 			</div>
 
 			<ul class="dropdown-menu p-0" role="menu" style="width: 100%;">