nodebb-theme-persona 11.3.0 → 11.3.4

package/less/mixins.less

@@ -100,6 +100,10 @@
 			&+.timeline-event:before {
 				display: none;
 			}
+
+			.timeline-text.timeago {
+				display: none;
+			}
 		}
 	}
 
@@ -145,6 +149,8 @@
 				display: flex;
 				align-items: center;
 				justify-content: center;
+				flex-shrink: 0;
+
 				width: 32px;
 				height: 32px;
 				padding: 0;

package/less/style.less

@@ -18,6 +18,10 @@ body {
 	min-height: 100%;
 }
 
+#panel {
+	padding-top: var(--panel-offset);
+}
+
 @media (max-width: @screen-xs-max) {
 	.slideout-panel {
 		min-height: 100vh;

package/less/topic.less

@@ -41,7 +41,7 @@
 	}
 	.topic-header {
 		position: sticky;
-		top: @navbar-height;
+		top: calc(var(--panel-offset) + @navbar-height);
 		background-color: @body-bg;
 		z-index: @zindex-navbar;
 		margin-left: -15px;
@@ -50,6 +50,12 @@
 		padding-right: 15px;
 	}
 
+	@media (max-width: @screen-md-max) {
+		.topic-header {
+			top: calc(var(--panel-offset) + @navbar-height - 70px);
+		}
+	}
+
 	.topic-info {
 		border-bottom: 1px solid @post-border-color;
 		margin-bottom: 10px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-persona",
-  "version": "11.3.0",
+  "version": "11.3.4",
   "nbbpm": {
     "compatibility": "^1.18.0"
   },
@@ -8,7 +8,7 @@
   "main": "library.js",
   "repository": {
     "type": "git",
-    "url": "https://github.com/psychobunny/nodebb-theme-persona"
+    "url": "https://github.com/NodeBB/nodebb-theme-persona"
   },
   "scripts": {
     "lint": "eslint ."
@@ -23,23 +23,23 @@
   "contributors": [
     {
       "name": "Andrew Rodrigues",
-      "email": "andrew@designcreateplay.com",
+      "email": "andrew@nodebb.org",
       "url": "https://github.com/psychobunny"
     },
     {
       "name": "Julian Lam",
-      "email": "julian@designcreateplay.com",
+      "email": "julian@nodebb.org",
       "url": "https://github.com/julianlam"
     },
     {
       "name": "Barış Soner Uşaklı",
-      "email": "baris@designcreateplay.com",
+      "email": "baris@nodebb.org",
       "url": "https://github.com/barisusakli"
     }
   ],
   "license": "BSD-2-Clause",
   "bugs": {
-    "url": "https://github.com/psychobunny/nodebb-theme-persona/issues"
+    "url": "https://github.com/NodeBB/nodebb-theme-persona/issues"
   },
   "dependencies": {
     "pulling": "^2.0.0",

package/public/persona.js

@@ -7,10 +7,10 @@ $(document).ready(function () {
 	setupEditedByIcon();
 	setupQuickReply();
 	configureNavbarHiding();
-	fixHeaderPadding();
+	updatePanelOffset();
 
 	$(window).on('resize', utils.debounce(configureNavbarHiding, 200));
-	$(window).on('resize', fixHeaderPadding);
+	$(window).on('resize', updatePanelOffset);
 
 	$(window).on('action:app.loggedIn', function () {
 		setupMobileMenu();
@@ -21,21 +21,24 @@ $(document).ready(function () {
 		setupMobileMenu();
 	});
 
-	function fixHeaderPadding() {
+	function updatePanelOffset() {
 		var env = utils.findBootstrapEnvironment();
 		const headerEl = document.getElementById('header-menu');
-		const panelEl = document.getElementById('panel');
+
+		if (!headerEl) {
+			return;
+		}
+
 		const headerRect = headerEl.getBoundingClientRect();
 		const headerStyle = window.getComputedStyle(headerEl);
-		let paddingTop = headerRect.y + headerRect.height + (parseInt(headerStyle.marginTop, 10) || 0) + (parseInt(headerStyle.marginBottom, 10) || 0);
 
+		let offset = headerRect.y + headerRect.height + (parseInt(headerStyle.marginTop, 10) || 0) + (parseInt(headerStyle.marginBottom, 10) || 0);
 		// body element itself introduces a hardcoded 70px padding on desktop resolution
 		if (env === 'lg') {
-			paddingTop -= 70;
+			offset -= 70;
 		}
 
-		panelEl.style.paddingTop = `${paddingTop}px`;
-
+		document.documentElement.style.setProperty('--panel-offset', `${offset}px`);
 	}
 
 	var lastBSEnv = '';

package/templates/partials/tags_list.tpl

@@ -1,5 +1,5 @@
 {{{each tags}}}
 <h3 class="pull-left tag-container">
-	<a href="{config.relative_path}/tags/{tags.valueEscaped}" data-value="{tags.valueEscaped}"><span class="tag-item" data-tag="{tags.valueEscaped}" style="<!-- IF tags.color -->color: {tags.color};<!-- ENDIF tags.color --><!-- IF tags.bgColor -->background-color: {tags.bgColor};<!-- ENDIF tags.bgColor -->">{tags.valueEscaped}</span><span class="tag-topic-count human-readable-number" title="{tags.score}">{tags.score}</span></a>
+	<a href="{config.relative_path}/tags/{tags.valueEscaped}" data-value="{tags.valueEscaped}"><span class="tag-item tag-class-{tags.class}" data-tag="{tags.valueEscaped}" style="{{{ if tags.color }}}color: {tags.color};{{{ end }}}{{{ if tags.bgColor }}}background-color: {tags.bgColor};{{{ end }}}">{tags.valueEscaped}</span><span class="tag-topic-count human-readable-number" title="{tags.score}">{tags.score}</span></a>
 </h3>
 {{{end}}}

package/templates/partials/topic/tags.tpl

@@ -1,5 +1,5 @@
 {{{each tags}}}
-<a href="{config.relative_path}/tags/{tags.value}">
-    <span class="tag tag-item tag-{tags.valueEscaped}" data-tag="{tags.value}" style="<!-- IF tags.color -->color: {tags.color};<!-- ENDIF tags.color --><!-- IF tags.bgColor -->background-color: {tags.bgColor};<!-- ENDIF tags.bgColor -->">{tags.valueEscaped}</span>
+<a href="{config.relative_path}/tags/{tags.valueEscaped}">
+    <span class="tag tag-item tag-class-{tags.class}" data-tag="{tags.value}" style="{{{ if tags.color }}}color: {tags.color};{{{ end }}}{{{ if tags.bgColor }}}background-color: {tags.bgColor};{{{ end }}}">{tags.valueEscaped}</span>
 </a>
 {{{end}}}

package/templates/partials/topics_list.tpl

@@ -51,14 +51,14 @@
 				</small>
 				<!-- ENDIF !template.category -->
 
-				<!-- IF topics.tags.length -->
+				{{{ if topics.tags.length }}}
 				<span class="tag-list hidden-xs">
 					{{{each topics.tags}}}
-					<a href="{config.relative_path}/tags/{topics.tags.valueEscaped}"><span class="tag tag-{topics.tags.valueEscaped}" style="<!-- IF topics.tags.color -->color: {topics.tags.color};<!-- ENDIF topics.tags.color --><!-- IF topics.tags.bgColor -->background-color: {topics.tags.bgColor};<!-- ENDIF topics.tags.bgColor -->">{topics.tags.valueEscaped}</span></a>
+					<a href="{config.relative_path}/tags/{topics.tags.valueEscaped}"><span class="tag tag-item tag-class-{topics.tags.class}" style="{{{ if topics.tags.color }}}color: {topics.tags.color};{{{ end }}}{{{ if topics.tags.bgColor }}}background-color: {topics.tags.bgColor};{{{ end }}}">{topics.tags.valueEscaped}</span></a>
 					{{{end}}}
 					<small>&bull;</small>
 				</span>
-				<!-- ENDIF topics.tags.length -->
+				{{{ end }}}
 
 				<small class="hidden-xs"><span class="timeago" title="{topics.timestampISO}"></span> &bull; <a href="<!-- IF topics.user.userslug -->{config.relative_path}/user/{topics.user.userslug}<!-- ELSE -->#<!-- ENDIF topics.user.userslug -->">{topics.user.displayname}</a></small>
 				<small class="visible-xs-inline">