nodebb-theme-persona 14.0.13 → 14.0.14

package/public/modules/taskbar.js

@@ -1,65 +1,65 @@
-'use strict';
-
-define('persona/taskbar', [
-	'hooks',
-], function (
-	hooks
-) {
-	const Taskbar = {};
-
-	Taskbar.init = function () {
-		hooks.on('filter:taskbar.push', (data) => {
-			data.options.className = 'taskbar-' + data.module;
-			if (data.module === 'composer') {
-				data.options.icon = 'fa-commenting-o';
-			} else if (data.module === 'chat') {
-				if (data.element.length && !data.element.hasClass('active')) {
-					increaseChatCount(data.element);
-				}
-			}
-		});
-		hooks.on('action:taskbar.pushed', (data) => {
-			if (data.module === 'chat') {
-				createChatIcon(data);
-				const elData = data.element.data();
-				if (elData && elData.options && !elData.options.isSelf) {
-					increaseChatCount(data.element);
-				}
-			}
-		});
-
-		socket.on('event:chats.markedAsRead', function (data) {
-			$('#taskbar [data-roomid="' + data.roomId + '"]')
-				.removeClass('new')
-				.attr('data-content', 0);
-		});
-
-		function createChatIcon(data) {
-			$.getJSON(config.relative_path + '/api/user/' + app.user.userslug + '/chats/' + data.options.roomId, function (chatObj) {
-				const el = $('#taskbar [data-uuid="' + data.uuid + '"] a');
-				el.parent('[data-uuid]').attr('data-roomId', data.options.roomId);
-
-				if (chatObj.users.length === 1) {
-					const user = chatObj.users[0];
-					el.find('i').remove();
-
-					if (user.picture) {
-						el.css('background-image', 'url(' + user.picture + ')');
-						el.css('background-size', 'cover');
-					} else {
-						el.css('background-color', user['icon:bgColor'])
-							.text(user['icon:text'])
-							.addClass('avatar');
-					}
-				}
-			});
-		}
-
-		function increaseChatCount(el) {
-			const count = (parseInt($(el).attr('data-content'), 10) || 0) + 1;
-			$(el).attr('data-content', count);
-		}
-	};
-
-	return Taskbar;
-});
+'use strict';
+
+define('persona/taskbar', [
+	'hooks',
+], function (
+	hooks
+) {
+	const Taskbar = {};
+
+	Taskbar.init = function () {
+		hooks.on('filter:taskbar.push', (data) => {
+			data.options.className = 'taskbar-' + data.module;
+			if (data.module === 'composer') {
+				data.options.icon = 'fa-commenting-o';
+			} else if (data.module === 'chat') {
+				if (data.element.length && !data.element.hasClass('active')) {
+					increaseChatCount(data.element);
+				}
+			}
+		});
+		hooks.on('action:taskbar.pushed', (data) => {
+			if (data.module === 'chat') {
+				createChatIcon(data);
+				const elData = data.element.data();
+				if (elData && elData.options && !elData.options.isSelf) {
+					increaseChatCount(data.element);
+				}
+			}
+		});
+
+		socket.on('event:chats.markedAsRead', function (data) {
+			$('#taskbar [data-roomid="' + data.roomId + '"]')
+				.removeClass('new')
+				.attr('data-content', 0);
+		});
+
+		function createChatIcon(data) {
+			$.getJSON(config.relative_path + '/api/user/' + app.user.userslug + '/chats/' + data.options.roomId, function (chatObj) {
+				const el = $('#taskbar [data-uuid="' + data.uuid + '"] a');
+				el.parent('[data-uuid]').attr('data-roomId', data.options.roomId);
+
+				if (chatObj.users.length === 1) {
+					const user = chatObj.users[0];
+					el.find('i').remove();
+
+					if (user.picture) {
+						el.css('background-image', 'url(' + user.picture + ')');
+						el.css('background-size', 'cover');
+					} else {
+						el.css('background-color', user['icon:bgColor'])
+							.text(user['icon:text'])
+							.addClass('avatar');
+					}
+				}
+			});
+		}
+
+		function increaseChatCount(el) {
+			const count = (parseInt($(el).attr('data-content'), 10) || 0) + 1;
+			$(el).attr('data-content', count);
+		}
+	};
+
+	return Taskbar;
+});

package/public/settings.js

@@ -1,53 +1,53 @@
-'use strict';
-
-define('forum/account/theme', ['forum/account/header', 'storage', 'settings', 'alerts'], function (header, Storage, settings, alerts) {
-	const Theme = {};
-
-	Theme.init = () => {
-		header.init();
-		Theme.setupForm();
-	};
-
-	Theme.setupForm = () => {
-		const saveEl = document.getElementById('save');
-		const formEl = document.getElementById('theme-settings');
-		const [sidebarSwapped, autohideNavbarEnvs] = [
-			!!Storage.getItem('persona:menus:legacy-layout'),
-			Storage.getItem('persona:navbar:autohide'),
-		];
-
-		document.getElementById('persona:menus:legacy-layout').checked = sidebarSwapped;
-		try {
-			const parsed = JSON.parse(autohideNavbarEnvs) || ['xs', 'sm'];
-			parsed.forEach((env) => {
-				const optionEl = document.getElementById('persona:navbar:autohide').querySelector(`option[value="${env}"]`);
-				optionEl.selected = true;
-			});
-		} catch (e) {
-			console.warn(e);
-		}
-
-		if (saveEl) {
-			saveEl.addEventListener('click', () => {
-				const themeSettings = settings.helper.serializeForm($(formEl));
-				Object.keys(themeSettings).forEach((key) => {
-					if (key === 'persona:menus:legacy-layout') {
-						if (themeSettings[key] === 'on') {
-							Storage.setItem('persona:menus:legacy-layout', 'true');
-						} else {
-							Storage.removeItem('persona:menus:legacy-layout');
-						}
-
-						return;
-					}
-
-					Storage.setItem(key, themeSettings[key]);
-				});
-
-				alerts.success('[[success:settings-saved]]');
-			});
-		}
-	};
-
-	return Theme;
-});
+'use strict';
+
+define('forum/account/theme', ['forum/account/header', 'storage', 'settings', 'alerts'], function (header, Storage, settings, alerts) {
+	const Theme = {};
+
+	Theme.init = () => {
+		header.init();
+		Theme.setupForm();
+	};
+
+	Theme.setupForm = () => {
+		const saveEl = document.getElementById('save');
+		const formEl = document.getElementById('theme-settings');
+		const [sidebarSwapped, autohideNavbarEnvs] = [
+			!!Storage.getItem('persona:menus:legacy-layout'),
+			Storage.getItem('persona:navbar:autohide'),
+		];
+
+		document.getElementById('persona:menus:legacy-layout').checked = sidebarSwapped;
+		try {
+			const parsed = JSON.parse(autohideNavbarEnvs) || ['xs', 'sm'];
+			parsed.forEach((env) => {
+				const optionEl = document.getElementById('persona:navbar:autohide').querySelector(`option[value="${env}"]`);
+				optionEl.selected = true;
+			});
+		} catch (e) {
+			console.warn(e);
+		}
+
+		if (saveEl) {
+			saveEl.addEventListener('click', () => {
+				const themeSettings = settings.helper.serializeForm($(formEl));
+				Object.keys(themeSettings).forEach((key) => {
+					if (key === 'persona:menus:legacy-layout') {
+						if (themeSettings[key] === 'on') {
+							Storage.setItem('persona:menus:legacy-layout', 'true');
+						} else {
+							Storage.removeItem('persona:menus:legacy-layout');
+						}
+
+						return;
+					}
+
+					Storage.setItem(key, themeSettings[key]);
+				});
+
+				alerts.success('[[success:settings-saved]]');
+			});
+		}
+	};
+
+	return Theme;
+});

package/scss/footer.scss

@@ -1,17 +1,17 @@
-.footer {
-	text-align: center;
-	-webkit-transition: opacity 200ms linear;
-	-moz-transition: opacity 200ms linear;
-	-ms-transition: opacity 200ms linear;
-	-o-transition: opacity 200ms linear;
-	transition: opacity 200ms linear;
-
-	.copyright {
-		padding-bottom: 10px;
-	}
-
-	&.ajaxifying {
-		-moz-opacity: 0.00;
-		opacity: 0.00;
-	}
+.footer {
+	text-align: center;
+	-webkit-transition: opacity 200ms linear;
+	-moz-transition: opacity 200ms linear;
+	-ms-transition: opacity 200ms linear;
+	-o-transition: opacity 200ms linear;
+	transition: opacity 200ms linear;
+
+	.copyright {
+		padding-bottom: 10px;
+	}
+
+	&.ajaxifying {
+		-moz-opacity: 0.00;
+		opacity: 0.00;
+	}
 }

package/scss/keyframes.scss

@@ -1,152 +1,152 @@
-@-webkit-keyframes taskbar-active {
-	0% {
-		background: #e7e7e7;
-		color: #333;
-	}
-	50% {
-		background: #558;
-		color: #fff;
-	}
-	100% {
-		background: #e7e7e7;
-		color: #333;
-	}
-}
-
-@-moz-keyframes taskbar-active {
-	0% {
-		background: #e7e7e7;
-		color: #333;
-	}
-	50% {
-		background: #558;
-		color: #fff;
-	}
-	100% {
-		background: #e7e7e7;
-		color: #333;
-	}
-}
-
-@-o-keyframes taskbar-active {
-	0% {
-		background: #e7e7e7;
-		color: #333;
-	}
-	50% {
-		background: #558;
-		color: #fff;
-	}
-	100% {
-		background: #e7e7e7;
-		color: #333;
-	}
-}
-
-@keyframes taskbar-active {
-	0% {
-		background: #e7e7e7;
-		color: #333;
-	}
-	50% {
-		background: #558;
-		color: #fff;
-	}
-	100% {
-		background: #e7e7e7;
-		color: #333;
-	}
-}
-
-@-webkit-keyframes topic-reply-pulse {
-	0%, 100% { opacity: 1; }
-	50% { opacity: 0.3; }
-}
-
-@keyframes topic-reply-pulse {
-	0%, 100% { opacity: 1; }
-	50% { opacity: 0.3; }
-}
-
-
-
-// originally from http://daneden.github.io/animate.css/
-@-webkit-keyframes bounceIn {
-  0%, 20%, 40%, 60%, 80%, 100% {
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  20% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
-    transform: scale3d(1.03, 1.03, 1.03);
-  }
-
-  80% {
-    -webkit-transform: scale3d(.97, .97, .97);
-    transform: scale3d(.97, .97, .97);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes bounceIn {
-  0%, 20%, 40%, 60%, 80%, 100% {
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  20% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
-    transform: scale3d(1.03, 1.03, 1.03);
-  }
-
-  80% {
-    -webkit-transform: scale3d(.97, .97, .97);
-    transform: scale3d(.97, .97, .97);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
+@-webkit-keyframes taskbar-active {
+	0% {
+		background: #e7e7e7;
+		color: #333;
+	}
+	50% {
+		background: #558;
+		color: #fff;
+	}
+	100% {
+		background: #e7e7e7;
+		color: #333;
+	}
+}
+
+@-moz-keyframes taskbar-active {
+	0% {
+		background: #e7e7e7;
+		color: #333;
+	}
+	50% {
+		background: #558;
+		color: #fff;
+	}
+	100% {
+		background: #e7e7e7;
+		color: #333;
+	}
+}
+
+@-o-keyframes taskbar-active {
+	0% {
+		background: #e7e7e7;
+		color: #333;
+	}
+	50% {
+		background: #558;
+		color: #fff;
+	}
+	100% {
+		background: #e7e7e7;
+		color: #333;
+	}
+}
+
+@keyframes taskbar-active {
+	0% {
+		background: #e7e7e7;
+		color: #333;
+	}
+	50% {
+		background: #558;
+		color: #fff;
+	}
+	100% {
+		background: #e7e7e7;
+		color: #333;
+	}
+}
+
+@-webkit-keyframes topic-reply-pulse {
+	0%, 100% { opacity: 1; }
+	50% { opacity: 0.3; }
+}
+
+@keyframes topic-reply-pulse {
+	0%, 100% { opacity: 1; }
+	50% { opacity: 0.3; }
+}
+
+
+
+// originally from http://daneden.github.io/animate.css/
+@-webkit-keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(.9, .9, .9);
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(.97, .97, .97);
+    transform: scale3d(.97, .97, .97);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(.9, .9, .9);
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(.97, .97, .97);
+    transform: scale3d(.97, .97, .97);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}

package/scss/modules/composer.scss

@@ -1,21 +1,21 @@
-body.page-compose,
-.page-compose #content,
-.page-compose #panel {
-	height: calc(100vh - var(--panel-offset));
-}
-
-.page-compose .composer .composer-container {
-	border: 0;
-}
-
-.composer {
-	.composer-container {
-		border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
-		border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
-		border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
-	}
-
-	.resizer {
-		border: 0 !important;
-	}
+body.page-compose,
+.page-compose #content,
+.page-compose #panel {
+	height: calc(100vh - var(--panel-offset));
+}
+
+.page-compose .composer .composer-container {
+	border: 0;
+}
+
+.composer {
+	.composer-container {
+		border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
+		border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
+		border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
+	}
+
+	.resizer {
+		border: 0 !important;
+	}
 }

package/scss/modules/cookie-consent.scss

@@ -1,13 +1,13 @@
-.cookie-consent {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    line-height: 3em;
-    padding-left: 1rem;
-    width: 100%;
-    background: rgba(240,240,240,.8);
-    z-index: $zindex-popover;
-    a {
-        font-weight: bold;
-    }
+.cookie-consent {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    line-height: 3em;
+    padding-left: 1rem;
+    width: 100%;
+    background: rgba(240,240,240,.8);
+    z-index: $zindex-popover;
+    a {
+        font-weight: bold;
+    }
 }