nodebb-theme-persona 11.3.3 → 11.3.7

package/less/account.less

@@ -32,7 +32,7 @@
 		margin-bottom: 1em;
 		background-origin: content-box;
 		width: 100%;
-		top: 50px;
+		top: calc(var(--panel-offset) + @navbar-height);
 		position: absolute;
 		left: auto;
 		right: 0px;

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/mobile.less

@@ -42,7 +42,6 @@
 	#panel {
 		background-color: inherit;
 		min-height: 100%;
-		padding-top: 80px;
 		padding-bottom: 40px;
 	}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-theme-persona",
-  "version": "11.3.3",
+  "version": "11.3.7",
   "nbbpm": {
     "compatibility": "^1.18.0"
   },

package/public/admin.js

@@ -1,24 +1,15 @@
 'use strict';
-/* globals $, app */
-
-define('admin/plugins/persona', ['settings'], function(Settings) {
 
+define('admin/plugins/persona', ['settings'], function (Settings) {
 	var ACP = {};
 
-	ACP.init = function() {
+	ACP.init = function () {
 		Settings.load('persona', $('.persona-settings'));
 
-		$('#save').on('click', function() {
-			Settings.save('persona', $('.persona-settings'), function() {
-				app.alert({
-					type: 'success',
-					alert_id: 'persona-saved',
-					title: 'Settings Saved',
-					message: 'Persona settings saved'
-				});
-			});
+		$('#save').on('click', function () {
+			Settings.save('persona', $('.persona-settings'));
 		});
 	};
 
 	return ACP;
-});
+});

package/public/modules/quickreply.js

@@ -1,14 +1,11 @@
-"use strict";
-
-/*globals $, app, ajaxify, socket*/
+'use strict';
 
 define('persona/quickreply', [
-	'components', 'composer/autocomplete', 'api'
-], function(components, autocomplete, api) {
+	'components', 'composer/autocomplete', 'api', 'alerts',
+], function (components, autocomplete, api, alerts) {
 	var QuickReply = {};
 
-	QuickReply.init = function() {
-
+	QuickReply.init = function () {
 		var element = components.get('topic/quickreply/text');
 		var data = {
 			element: element,
@@ -16,17 +13,17 @@ define('persona/quickreply', [
 			options: {
 				style: {
 					'z-index': 100,
-				}
+				},
 				// listPosition: function(position) {
 				// 	this.$el.css(this._applyPlacement(position));
 				// this.$el.css('position', 'absolute');
 				// return this;
 				// }
-			}
+			},
 		};
 
 		$(window).trigger('composer:autocomplete:init', data);
-		autocomplete._active['persona_qr'] = autocomplete.setup(data);
+		autocomplete._active.persona_qr = autocomplete.setup(data);
 		// data.element.textcomplete(data.strategies, data.options);
 		// $('.textcomplete-wrapper').css('height', '100%').find('textarea').css('height', '100%');
 
@@ -41,21 +38,21 @@ define('persona/quickreply', [
 			var replyData = {
 				tid: ajaxify.data.tid,
 				handle: undefined,
-				content: replyMsg
+				content: replyMsg,
 			};
 
 			ready = false;
 			api.post(`/topics/${ajaxify.data.tid}`, replyData, function (err, data) {
 				ready = true;
 				if (err) {
-					return app.alertError(err.message);
+					return alerts.error(err);
 				}
 				if (data && data.queued) {
-					app.alertSuccess(data.message);
+					alerts.success(data.message);
 				}
 
 				components.get('topic/quickreply/text').val('');
-				autocomplete._active['persona_qr'].hide();
+				autocomplete._active.persona_qr.hide();
 			});
 		});
 	};

package/public/persona.js

@@ -1,6 +1,4 @@
-"use strict";
-
-/*globals ajaxify, config, utils, app, socket, window, document, $*/
+'use strict';
 
 $(document).ready(function () {
 	setupNProgress();
@@ -32,7 +30,11 @@ $(document).ready(function () {
 		const headerRect = headerEl.getBoundingClientRect();
 		const headerStyle = window.getComputedStyle(headerEl);
 
-		let offset = 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') {
 			offset -= 70;
@@ -52,7 +54,7 @@ $(document).ready(function () {
 			return;
 		}
 		lastBSEnv = env;
-		var navbarEl = $(".navbar-fixed-top");
+		var navbarEl = $('.navbar-fixed-top');
 		navbarEl.autoHidingNavbar('destroy').removeData('plugin_autoHidingNavbar');
 		navbarEl.css('top', '');
 
@@ -64,7 +66,7 @@ $(document).ready(function () {
 
 		function fixTopCss(topValue) {
 			if (ajaxify.data.template.topic) {
-				$('.topic .topic-header').css({top: topValue });
+				$('.topic .topic-header').css({ top: topValue });
 			} else {
 				var topicListHeader = $('.topic-list-header');
 				if (topicListHeader.length) {
@@ -74,12 +76,12 @@ $(document).ready(function () {
 		}
 
 		navbarEl.off('show.autoHidingNavbar')
-			.on('show.autoHidingNavbar', function() {
+			.on('show.autoHidingNavbar', function () {
 				fixTopCss('');
 			});
 
 		navbarEl.off('hide.autoHidingNavbar')
-			.on('hide.autoHidingNavbar', function() {
+			.on('hide.autoHidingNavbar', function () {
 				fixTopCss('0px');
 			});
 	}
@@ -164,7 +166,8 @@ $(document).ready(function () {
 	function setupEditedByIcon() {
 		function activateEditedTooltips() {
 			$('[data-pid] [component="post/editor"]').each(function () {
-				var el = $(this), icon;
+				var el = $(this);
+				var icon;
 
 				if (!el.attr('data-editor')) {
 					return;
@@ -253,8 +256,9 @@ $(document).ready(function () {
 
 			$(window).on('resize action:ajaxify.start', function () {
 				navSlideout.close();
-				if (chatsSlideout) { chatsSlideout.close(); }
-				$('.account .cover').css('top', $('[component="navbar"]').height());
+				if (chatsSlideout) {
+					chatsSlideout.close();
+				}
 			});
 
 			navSlideout
@@ -359,7 +363,7 @@ $(document).ready(function () {
 									}
 								});
 						});
-					})
+					});
 				}
 			}
 
@@ -449,13 +453,13 @@ $(document).ready(function () {
 	}
 
 	function setupFavouriteMorph(parent, uid, username) {
-		require(['api'], function (api) {
+		require(['api', 'alerts'], function (api, alerts) {
 			parent.find('.btn-morph').click(function (ev) {
 				var type = $(this).hasClass('plus') ? 'follow' : 'unfollow';
 				var method = $(this).hasClass('plus') ? 'put' : 'del';
 
 				api[method]('/users/' + uid + '/follow').then(() => {
-					app.alertSuccess('[[global:alert.' + type + ', ' + username + ']]');
+					alerts.success('[[global:alert.' + type + ', ' + username + ']]');
 				});
 
 				$(this).toggleClass('plus').toggleClass('heart');
@@ -465,9 +469,9 @@ $(document).ready(function () {
 					$(this).prepend('<b class="drop"></b>');
 				}
 
-				var drop = $(this).find('b.drop').removeClass('animate'),
-					x = ev.pageX - drop.width() / 2 - $(this).offset().left,
-					y = ev.pageY - drop.height() / 2 - $(this).offset().top;
+				var drop = $(this).find('b.drop').removeClass('animate');
+				var x = ev.pageX - (drop.width() / 2) - $(this).offset().left;
+				var y = ev.pageY - (drop.height() / 2) - $(this).offset().top;
 
 				drop.css({ top: y + 'px', left: x + 'px' }).addClass('animate');
 			});