nodebb-theme-persona 11.4.4 → 12.0.2

package/less/footer.less

@@ -1,18 +1,18 @@
-.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;
-		-ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-	}
+.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;
+		-ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	}
 }

package/less/groups.less

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

package/less/header.less

@@ -9,36 +9,51 @@
 		max-height: 250px;
 		padding: 0;
 
-		li.no-notifs {
-			text-align: center;
-		}
-
 		li {
+			display: flex;
+			gap: 1rem;
 			width: 400px;
 			text-align: left;
 			list-style-type: none;
-			padding: 0.5em;
-			clear: both;
+			padding: .75em 0.5em;
 
-			&.loading-text {
-				text-align: center;
+			&:hover {
+				background-color: @dropdown-link-hover-bg;
 			}
 
-			a {
-				white-space: normal;
-				margin: 0;
-				text-overflow: ellipsis;
+			&.loading-text, &.no-notifs {
+				justify-content: center;
 
-				.text {
-					margin-left: 40px;
-					margin-right: 60px;
-					display: block;
-					min-height: 32px;
+				a {
+					color: inherit;
 				}
+			}
+
+			.notification-chat-content {
+				flex: 1;
+
+				a {
+					white-space: normal;
+					margin: 0;
+					text-overflow: ellipsis;
+
+					.text {
+						margin-left: 40px;
+						margin-right: 60px;
+						display: block;
+						min-height: 32px;
+					}
+				}
+			}
+
+			.notification-chat-controls {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				gap: .5rem;
+
 				.relTime {
 					font-size: 10px;
-					margin-top: 10px;
-					margin-right: 10px;
 				}
 			}
 
@@ -61,7 +76,11 @@
 			}
 
 			&.unread {
-				.bg-variant(@state-warning-bg);
+				background-color: @state-warning-bg;
+
+				&:hover {
+					background-color: darken(@state-warning-bg, 5%);
+				}
 
 				.mark-read:after {
 					font-weight: 900;
@@ -76,14 +95,20 @@
 		> li {
 			.pointer;
 			width: 500px;
-			padding-bottom: 1rem;
+			padding: 0;
 			margin: 0;
+			gap: 0;
+			overflow-y: hidden;
+
+			.notification-chat-content {
+				padding: 0.5rem;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
 
 			.teaser-content {
 				white-space: nowrap;
 				max-height: 19px;
-				padding-left: 90px;
-    			padding-right: 10px;
 			}
 
 			&:not(:last-child) {

package/less/ip-blacklist.less

@@ -1,7 +1,7 @@
-#blacklist-rules {
-	width: 100%;
-	height: 357px;
-	display: block;
-	border: 1px solid #eee;
-	padding: 5px 10px;
+#blacklist-rules {
+	width: 100%;
+	height: 357px;
+	display: block;
+	border: 1px solid #eee;
+	padding: 5px 10px;
 }

package/less/keyframes.less

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

@@ -34,11 +34,6 @@
 }
 
 @media (max-width: @screen-md-max) {
-	body {
-		padding-top: 0;
-		padding-bottom: 0;
-	}
-
 	#panel {
 		background-color: inherit;
 		min-height: 100%;
@@ -180,7 +175,9 @@
 					text-overflow: ellipsis;
 				}
 				.teaser-timestamp {
-					margin-right: 10px;
+					font-size: 10px;
+					margin-right: 0.5rem;
+					margin-top: 0.5rem;
 				}
 			}
 		}
@@ -196,6 +193,15 @@
 				.unread {
 					background-color: inherit;
 				}
+
+				.notification-chat-content {
+					padding-top: 10px;
+					padding-right: 20px;
+				}
+
+				.notification-chat-controls {
+					display: none;
+				}
 			}
 			.chat-list .unread .room-name::after,
 			.notification-list-mobile .unread a::after {

package/less/modules/composer-default.less

@@ -1,17 +1,17 @@
-.composer {
-	.preview {
-		overflow-y: auto;
-
-		p {
-			margin: 0 0 18px;
-		}
-		
-		blockquote {
-			font-size: 12px;
-			
-			p {
-				margin-bottom: 0px;
-			}
-		}
-	}
+.composer {
+	.preview {
+		overflow-y: auto;
+
+		p {
+			margin: 0 0 18px;
+		}
+		
+		blockquote {
+			font-size: 12px;
+			
+			p {
+				margin-bottom: 0px;
+			}
+		}
+	}
 }

package/less/modules/cookie-consent.less

@@ -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-navbar-fixed;
-    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-navbar-fixed;
+    a {
+        font-weight: bold;
+    }
 }

package/less/modules/fab.less

@@ -1,33 +1,33 @@
-.fab {
-	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
-
-	background-color: @brand-primary;
-	border: none;
-	border-radius: 50%;
-	cursor: pointer;
-	line-height: 55.5px;
-	vertical-align: middle;
-	height: 55.5px;
-	width: 55.5px;
-}
-
-.btn-group.open .dropdown-toggle.fab {
-	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
-}
-
-.fab.btn-morph {
-	padding: 0;
-
-	&.heart {
-		> span > span {
-			background-color: #E91E63;
-		}
-	}
-
-	&.plus {
-		background-color: @material-success;
-		> span > span {
-			background-color: white;
-		}
-	}
+.fab {
+	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
+
+	background-color: @brand-primary;
+	border: none;
+	border-radius: 50%;
+	cursor: pointer;
+	line-height: 55.5px;
+	vertical-align: middle;
+	height: 55.5px;
+	width: 55.5px;
+}
+
+.btn-group.open .dropdown-toggle.fab {
+	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
+}
+
+.fab.btn-morph {
+	padding: 0;
+
+	&.heart {
+		> span > span {
+			background-color: #E91E63;
+		}
+	}
+
+	&.plus {
+		background-color: @material-success;
+		> span > span {
+			background-color: white;
+		}
+	}
 }