nodebb-theme-harmony 2.0.0-pre.9 → 2.0.1

package/templates/partials/groups/memberlist.tpl

@@ -1,47 +1,47 @@
-<div class="d-flex {{{ if group.isOwner }}}justify-content-between{{{ else }}}justify-content-end{{{ end }}} mb-3">
-	{{{ if isAdmin }}}
-	<div class="flex-shrink-0">
-		<button component="groups/members/add" type="button" class="btn btn-primary btn-sm me-3" title="[[groups:details.add-member]]"><i class="fa fa-user-plus"></i> [[groups:details.add-member]]</button>
-	</div>
-	{{{ end }}}
-	<div class="">
-		<div class="input-group">
-			<input class="form-control form-control-sm" type="text" component="groups/members/search" placeholder="[[global:search]]"/>
-			<button class="btn btn-primary btn-sm search-button" type="button">
-				<i class="fa fa-search"></i>
-			</button>
-		</div>
-	</div>
-</div>
-
-<div component="groups/members" data-nextstart="{group.membersNextStart}" class="mb-5" style="max-height: 500px; overflow: auto;">
-	<table class="table table-hover">
-		<tbody>
-			{{{each group.members}}}
-			<tr class="w-100" data-uid="{group.members.uid}" data-isowner="{{{ if group.members.isOwner }}}1{{{ else }}}0{{{ end }}}">
-				<td class="member-name p-2 w-100 ">
-					<div class="d-flex align-items-center justify-content-between">
-						<div class="d-flex align-items-center gap-2">
-							<a class="text-decoration-none" href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "24px", true)}</a>
-							<a class="align-text-top" href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a>
-							<i component="groups/owner/icon" title="[[groups:owner]]" class="user-owner-icon fa fa-star align-text-top text-warning {{{ if !group.members.isOwner }}}invisible{{{ end }}}"></i>
-						</div>
-
-						{{{ if group.isOwner }}}
-						<div class="owner-controls d-flex gap-1">
-							<a class="btn btn-light btn-sm" href="#" data-ajaxify="false" data-action="toggleOwnership" title="[[groups:details.grant]]">
-								<i class="fa fa-star text-warning"></i>
-							</a>
-
-							<a class="btn btn-light btn-sm" href="#" data-ajaxify="false" data-action="kick" title="[[groups:details.kick]]">
-								<i class="fa fa-ban text-danger"></i>
-							</a>
-						</div>
-						{{{ end }}}
-					</div>
-				</td>
-			</tr>
-			{{{end}}}
-		</tbody>
-	</table>
+<div class="d-flex {{{ if group.isOwner }}}justify-content-between{{{ else }}}justify-content-end{{{ end }}} mb-3">
+	{{{ if isAdmin }}}
+	<div class="flex-shrink-0">
+		<button component="groups/members/add" type="button" class="btn btn-primary btn-sm me-3" title="[[groups:details.add-member]]"><i class="fa fa-user-plus"></i> [[groups:details.add-member]]</button>
+	</div>
+	{{{ end }}}
+	<div>
+		<div class="input-group">
+			<input class="form-control form-control-sm" type="text" component="groups/members/search" placeholder="[[global:search]]"/>
+			<button class="btn btn-primary btn-sm search-button" type="button">
+				<i class="fa fa-search"></i>
+			</button>
+		</div>
+	</div>
+</div>
+
+<div component="groups/members" data-nextstart="{group.membersNextStart}" class="mb-5" style="max-height: 500px; overflow: auto;">
+	<table class="table table-hover">
+		<tbody>
+			{{{each group.members}}}
+			<tr class="w-100" data-uid="{group.members.uid}" data-isowner="{{{ if group.members.isOwner }}}1{{{ else }}}0{{{ end }}}">
+				<td class="member-name p-2 w-100 ">
+					<div class="d-flex align-items-center justify-content-between">
+						<div class="d-flex align-items-center gap-2">
+							<a class="text-decoration-none" href="{config.relative_path}/user/{group.members.userslug}">{buildAvatar(group.members, "24px", true)}</a>
+							<a class="align-text-top" href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a>
+							<i component="groups/owner/icon" title="[[groups:owner]]" class="user-owner-icon fa fa-star align-text-top text-warning {{{ if !group.members.isOwner }}}invisible{{{ end }}}"></i>
+						</div>
+
+						{{{ if group.isOwner }}}
+						<div class="owner-controls d-flex gap-1">
+							<a class="btn btn-light btn-sm" href="#" data-ajaxify="false" data-action="toggleOwnership" title="[[groups:details.grant]]">
+								<i class="fa fa-star text-warning"></i>
+							</a>
+
+							<a class="btn btn-light btn-sm" href="#" data-ajaxify="false" data-action="kick" title="[[groups:details.kick]]">
+								<i class="fa fa-ban text-danger"></i>
+							</a>
+						</div>
+						{{{ end }}}
+					</div>
+				</td>
+			</tr>
+			{{{end}}}
+		</tbody>
+	</table>
 </div>

package/templates/partials/groups/pending.tpl

@@ -1,29 +1,29 @@
-{{{ if group.pending.length }}}
-<div class="d-flex justify-content-end gap-2 mb-3">
-	<button class="btn btn-danger btn-sm" data-action="rejectAll">[[groups:pending.reject-all]]</button>
-	<button class="btn btn-success btn-sm" data-action="acceptAll">[[groups:pending.accept-all]]</button>
-
-</div>
-{{{ end }}}
-
-<div style="max-height: 500px;overflow: auto;">
-	<div component="groups/pending/alert" class="alert alert-info {{{ if group.pending.length }}}hidden{{{ end }}}">[[groups:pending.none]]</div>
-	<table component="groups/pending" class="table table-hover">
-		<tbody>
-			{{{ each group.pending }}}
-			<tr data-uid="{group.pending.uid}" class="align-middle">
-				<td class="member-name p-2 d-flex align-items-center justify-content-between">
-					<div class="d-flex gap-2">
-						<a class="text-decoration-none" href="{config.relative_path}/user/{group.pending.userslug}">{buildAvatar(group.pending, "24px", true)}</a>
-						<a href="{config.relative_path}/user/{group.pending.userslug}">{group.pending.username}</a>
-					</div>
-					<div class="d-flex gap-2">
-						<button class="btn btn-danger btn-sm" data-action="reject">[[groups:pending.reject]]</a></li>
-						<button class="btn btn-success btn-sm" data-action="accept">[[groups:pending.accept]]</a></li>
-					</div>
-				</td>
-			</tr>
-			{{{ end }}}
-		</tbody>
-	</table>
-</div>
+{{{ if group.pending.length }}}
+<div class="d-flex justify-content-end gap-2 mb-3">
+	<button class="btn btn-danger btn-sm" data-action="rejectAll">[[groups:pending.reject-all]]</button>
+	<button class="btn btn-success btn-sm" data-action="acceptAll">[[groups:pending.accept-all]]</button>
+
+</div>
+{{{ end }}}
+
+<div style="max-height: 500px;overflow: auto;">
+	<div component="groups/pending/alert" class="alert alert-info {{{ if group.pending.length }}}hidden{{{ end }}}">[[groups:pending.none]]</div>
+	<table component="groups/pending" class="table table-hover">
+		<tbody>
+			{{{ each group.pending }}}
+			<tr data-uid="{group.pending.uid}" class="align-middle">
+				<td class="member-name p-2 d-flex align-items-center justify-content-between">
+					<div class="d-flex gap-2">
+						<a class="text-decoration-none" href="{config.relative_path}/user/{group.pending.userslug}">{buildAvatar(group.pending, "24px", true)}</a>
+						<a href="{config.relative_path}/user/{group.pending.userslug}">{group.pending.username}</a>
+					</div>
+					<div class="d-flex gap-2">
+						<button class="btn btn-danger btn-sm" data-action="reject">[[groups:pending.reject]]</a></li>
+						<button class="btn btn-success btn-sm" data-action="accept">[[groups:pending.accept]]</a></li>
+					</div>
+				</td>
+			</tr>
+			{{{ end }}}
+		</tbody>
+	</table>
+</div>

package/templates/partials/groups/sidebar-left.tpl

@@ -1,27 +1,27 @@
-<div class="flex-shrink-0 pe-2 border-end-md text-sm mb-3 flex-basis-md-200">
-	<div class="nav sticky-md-top d-flex flex-row flex-md-column flex-wrap gap-1" style="top: 1rem; z-index: 1;">
-		<button data-bs-toggle="tab" data-bs-target="#groups-posts" class="btn-ghost ff-secondary fw-semibold {{{ if template.groups/details }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[global:posts]]</div>
-		</button>
-		<button data-bs-toggle="tab" data-bs-target="#groups-members" class="btn-ghost ff-secondary fw-semibold">
-			<div class="flex-grow-1">[[groups:members]]</div>
-			<span component="group/member/count" class="flex-shrink-0 text-xs" title="{group.memberCount}">{humanReadableNumber(group.memberCount)}</span>
-		</button>
-
-		{{{ if group.isOwner }}}
-		<button data-bs-toggle="tab" data-bs-target="#groups-pending" class="btn-ghost ff-secondary fw-semibold">
-			<div class="flex-grow-1">[[groups:details.pending]]</div>
-			<span component="group/pending/count" class="flex-shrink-0 text-xs" title="{group.pending.length}">{humanReadableNumber(group.pending.length)}</span>
-		</button>
-
-		<button data-bs-toggle="tab" data-bs-target="#groups-invited" class="btn-ghost ff-secondary fw-semibold">
-			<div class="flex-grow-1">[[groups:details.invited]]</div>
-			<span component="group/invited/count" class="flex-shrink-0 text-xs" title="{group.invited.length}">{humanReadableNumber(group.invited.length)}</span>
-		</button>
-
-		<button data-bs-toggle="tab" data-bs-target="#groups-admin" class="btn-ghost ff-secondary fw-semibold">
-			<div class="flex-grow-1">[[global:header.admin]]</div>
-		</button>
-		{{{ end }}}
-	</div>
-</div>
+<div class="flex-shrink-0 pe-2 border-end-md text-sm mb-3 flex-basis-md-200">
+	<div class="nav sticky-md-top d-flex flex-row flex-md-column flex-wrap gap-1" style="top: 1rem; z-index: 1;">
+		<button data-bs-toggle="tab" data-bs-target="#groups-posts" class="btn btn-ghost btn-sm text-start d-flex align-items-center ff-secondary fw-semibold {{{ if template.groups/details }}}active{{{ end }}}">
+			<div class="flex-grow-1">[[global:posts]]</div>
+		</button>
+		<button data-bs-toggle="tab" data-bs-target="#groups-members" class="btn btn-ghost btn-sm text-start d-flex align-items-center ff-secondary fw-semibold gap-2">
+			<div class="flex-grow-1">[[groups:members]]</div>
+			<span component="group/member/count" class="flex-shrink-0 text-xs lh-1" title="{group.memberCount}">{humanReadableNumber(group.memberCount)}</span>
+		</button>
+
+		{{{ if group.isOwner }}}
+		<button data-bs-toggle="tab" data-bs-target="#groups-pending" class="btn btn-ghost btn-sm text-start d-flex align-items-center ff-secondary fw-semibold gap-2">
+			<div class="flex-grow-1">[[groups:details.pending]]</div>
+			<span component="group/pending/count" class="flex-shrink-0 text-xs lh-1" title="{group.pending.length}">{humanReadableNumber(group.pending.length)}</span>
+		</button>
+
+		<button data-bs-toggle="tab" data-bs-target="#groups-invited" class="btn btn-ghost btn-sm text-start d-flex align-items-center ff-secondary fw-semibold gap-2">
+			<div class="flex-grow-1">[[groups:details.invited]]</div>
+			<span component="group/invited/count" class="flex-shrink-0 text-xs lh-1" title="{group.invited.length}">{humanReadableNumber(group.invited.length)}</span>
+		</button>
+
+		<button data-bs-toggle="tab" data-bs-target="#groups-admin" class="btn btn-ghost btn-sm text-start d-flex align-items-center ff-secondary fw-semibold">
+			<div class="flex-grow-1">[[global:header.admin]]</div>
+		</button>
+		{{{ end }}}
+	</div>
+</div>

package/templates/partials/header/brand.tpl

@@ -1,26 +1,28 @@
-{{{ if (brand:logo || config.showSiteTitle)}}}
-<div class="container-lg px-md-4 brand-container">
-	<div class="col-12 d-flex border-bottom pb-3 {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
-		<div component="brand/wrapper" class="d-flex align-items-center gap-3 p-2 rounded-1 align-content-stretch ">
-			{{{ if brand:logo }}}
-			<a component="brand/anchor" href="{{{ if brand:logo:url }}}{brand:logo:url}{{{ else }}}{relative_path}/{{{ end }}}" title="[[global:header.brand-logo]]">
-				<img component="brand/logo" alt="{{{ if brand:logo:alt }}}{brand:logo:alt}{{{ else }}}[[global:header.brand-logo]]{{{ end }}}" class="{brand:logo:display}" src="{brand:logo}?{config.cache-buster}" />
-			</a>
-			{{{ end }}}
-
-			{{{ if config.showSiteTitle }}}
-			<a component="siteTitle" class="text-truncate align-self-stretch align-items-center d-flex" href="{{{ if title:url }}}{title:url}{{{ else }}}{relative_path}/{{{ end }}}">
-				<h1 class="fs-6 fw-bold text-body mb-0">{config.siteTitle}</h1>
-			</a>
-			{{{ end }}}
-		</div>
-		{{{ if widgets.brand-header.length }}}
-		<div data-widget-area="brand-header" class="flex-fill gap-3 p-2 align-self-center">
-			{{{each widgets.brand-header}}}
-			{{./html}}
-			{{{end}}}
-		</div>
-		{{{ end }}}
-	</div>
-</div>
+{{{ if (brand:logo || (config.showSiteTitle || widgets.brand-header.length)) }}}
+<div class="container-lg px-md-4 brand-container">
+	<div class="col-12 d-flex border-bottom pb-3 {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
+		{{{ if (brand:logo || config.showSiteTitle) }}}
+		<div component="brand/wrapper" class="d-flex align-items-center gap-3 p-2 rounded-1 align-content-stretch ">
+			{{{ if brand:logo }}}
+			<a component="brand/anchor" href="{{{ if brand:logo:url }}}{brand:logo:url}{{{ else }}}{relative_path}/{{{ end }}}" title="[[global:header.brand-logo]]">
+				<img component="brand/logo" alt="{{{ if brand:logo:alt }}}{brand:logo:alt}{{{ else }}}[[global:header.brand-logo]]{{{ end }}}" class="{brand:logo:display}" src="{brand:logo}?{config.cache-buster}" />
+			</a>
+			{{{ end }}}
+
+			{{{ if config.showSiteTitle }}}
+			<a component="siteTitle" class="text-truncate align-self-stretch align-items-center d-flex" href="{{{ if title:url }}}{title:url}{{{ else }}}{relative_path}/{{{ end }}}">
+				<h1 class="fs-6 fw-bold text-body mb-0">{config.siteTitle}</h1>
+			</a>
+			{{{ end }}}
+		</div>
+		{{{ end }}}
+		{{{ if widgets.brand-header.length }}}
+		<div data-widget-area="brand-header" class="flex-fill gap-3 p-2 align-self-center">
+			{{{each widgets.brand-header}}}
+			{{./html}}
+			{{{end}}}
+		</div>
+		{{{ end }}}
+	</div>
+</div>
 {{{ end }}}

package/templates/partials/mobile-footer.tpl

@@ -1,99 +1,96 @@
-<div component="bottombar" class="bottombar d-flex flex-column d-lg-none fixed-bottom ff-secondary gap-1 align-items-center">
-
-	<!-- IMPORT partials/topic/navigator-mobile.tpl -->
-
-	<div class="bottombar-nav p-2 text-dark bg-light d-flex justify-content-between align-items-center w-100">
-		<div class="bottombar-nav-left d-flex gap-3 align-items-center">
-			<div>
-				<a href="#" role="button" class="nav-link d-flex justify-content-between align-items-center position-relative" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-					<span class="position-relative">
-						<i class="fa fa-fw fa-lg fa-bars"></i>
-						<span component="unread/count" data-unread-url="{unreadCount.unreadUrl}" class="position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.mobileUnread }}}hidden{{{ end }}}">{unreadCount.mobileUnread}</span>
-					</span>
-				</a>
-				<ul class="navigation-dropdown dropdown-menu" role="menu">
-					{{{ each navigation }}}
-					{{{ if displayMenuItem(@root, @index) }}}
-					<li class="nav-item {./class}{{{ if ./dropdown }}} dropend{{{ end }}}" title="{./title}">
-						<a class="nav-link navigation-link px-3 py-2 {{{ if ./dropdown }}}dropdown-toggle{{{ end }}}"
-						{{{ if ./dropdown }}} href="#" role="button" data-bs-toggle="collapse" data-bs-target="#collapse-target-{@index}" onclick="event.stopPropagation();" {{{ else }}} href="{./route}"{{{ end }}} {{{ if ./id }}}id="{./id}"{{{ end }}}{{{ if ./targetBlank }}} target="_blank"{{{ end }}}>
-							<span class="d-inline-flex justify-content-between align-items-center w-100">
-								<span class="text-nowrap">
-									{{{ if ./iconClass }}}
-									<i class="fa fa-fw {./iconClass}" data-content="{./content}"></i>
-									{{{ end }}}
-									{{{ if ./text }}}
-									<span class="nav-text px-2 fw-semibold">{./text}</span>
-									{{{ end }}}
-								</span>
-								<span component="navigation/count" class="badge rounded-1 bg-primary {{{ if !./content }}}hidden{{{ end }}}">{./content}</span>
-							</span>
-						</a>
-						{{{ if ./dropdown }}}
-						<div class="ps-3">
-							<ul id="collapse-target-{@index}" class="collapse list-unstyled ps-3">
-								{./dropdownContent}
-							</ul>
-						</div>
-						{{{ end }}}
-					</li>
-					{{{ end }}}
-					{{{ end }}}
-				</ul>
-			</div>
-		</div>
-		<div class="bottombar-nav-right d-flex gap-3 align-items-center">
-			<div>
-				{{{ if config.loggedIn }}}
-				<ul id="logged-in-menu" class="list-unstyled d-flex align-items-center w-100 gap-3 mb-0">
-					{{{ if config.searchEnabled }}}
-					<li component="sidebar/search" class="nav-item m-0 search">
-					<!-- IMPORT partials/sidebar/search-mobile.tpl -->
-					</li>
-					{{{ end }}}
-
-					<li component="notifications" class="nav-item m-0 notifications">
-					<!-- IMPORT partials/sidebar/notifications.tpl -->
-					</li>
-
-					{{{ if canChat }}}
-					<li class="nav-item m-0 chats">
-					<!-- IMPORT partials/sidebar/chats.tpl -->
-					</li>
-					{{{ end }}}
-
-					<li component="sidebar/drafts" class="hidden nav-item m-0 drafts">
-					<!-- IMPORT partials/sidebar/drafts.tpl -->
-					</li>
-
-					<li id="user_label" class="nav-item m-0 usermenu">
-					<!-- IMPORT partials/sidebar/user-menu.tpl -->
-					</li>
-				</ul>
-				{{{ else }}}
-				<ul id="logged-out-menu" class="list-unstyled d-flex w-100 gap-3 mb-0 logged-out-menu">
-					{{{ if (config.searchEnabled && user.privileges.search:content) }}}
-					<li component="sidebar/search" class="nav-item mx-2 search">
-						<!-- IMPORT partials/sidebar/search-mobile.tpl -->
-					</li>
-					{{{ end }}}
-
-					{{{ if allowRegistration }}}
-					<li class="nav-item mx-2" title="[[global:register]]">
-						<a class="nav-link" href="{relative_path}/register">
-							<i class="fa fa-fw fa-user-plus"></i>
-						</a>
-					</li>
-					{{{ end }}}
-
-					<li class="nav-item mx-2" title="[[global:login]]">
-						<a class="nav-link" href="{relative_path}/login">
-							<i class="fa fa-fw fa-sign-in"></i>
-						</a>
-					</li>
-				</ul>
-				{{{ end }}}
-			</div>
-		</div>
-	</div>
+<div component="bottombar" class="bottombar d-flex flex-column d-lg-none fixed-bottom ff-secondary gap-1 align-items-center" style="bottom: 0px;">
+
+	<!-- IMPORT partials/topic/navigator-mobile.tpl -->
+
+	<div class="bottombar-nav p-2 text-dark bg-light d-flex justify-content-between align-items-center w-100">
+		<div class="bottombar-nav-left d-flex gap-3 align-items-center">
+			<div>
+				<a href="#" role="button" class="nav-link d-flex justify-content-between align-items-center position-relative" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+					<span class="position-relative">
+						<i class="fa fa-fw fa-lg fa-bars"></i>
+						<span component="unread/count" data-unread-url="{unreadCount.unreadUrl}" class="position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.mobileUnread }}}hidden{{{ end }}}">{unreadCount.mobileUnread}</span>
+					</span>
+				</a>
+				<ul class="navigation-dropdown dropdown-menu" role="menu">
+					{{{ each navigation }}}
+					{{{ if displayMenuItem(@root, @index) }}}
+					<li class="nav-item {./class}{{{ if ./dropdown }}} dropend{{{ end }}}" title="{./title}">
+						<a class="nav-link navigation-link px-3 py-2 {{{ if ./dropdown }}}dropdown-toggle{{{ end }}}" {{{ if ./dropdown }}} href="#" role="button" data-bs-toggle="collapse" data-bs-target="#collapse-target-{@index}" onclick="event.stopPropagation();" {{{ else }}} href="{./route}"{{{ end }}} {{{ if ./id }}}id="{./id}"{{{ end }}}{{{ if ./targetBlank }}} target="_blank"{{{ end }}}>
+							<span class="d-inline-flex justify-content-between align-items-center w-100">
+								<span class="text-nowrap">
+									{{{ if ./iconClass }}}
+									<i class="fa fa-fw {./iconClass}" data-content="{./content}"></i>
+									{{{ end }}}
+									{{{ if ./text }}}<span class="nav-text px-2 fw-semibold">{./text}</span>{{{ end }}}
+								</span>
+								<span component="navigation/count" class="badge rounded-1 bg-primary {{{ if !./content }}}hidden{{{ end }}}">{./content}</span>
+							</span>
+						</a>
+						{{{ if ./dropdown }}}
+						<div class="ps-3">
+							<ul id="collapse-target-{@index}" class="collapse list-unstyled ps-3">
+								{./dropdownContent}
+							</ul>
+						</div>
+						{{{ end }}}
+					</li>
+					{{{ end }}}
+					{{{ end }}}
+				</ul>
+			</div>
+		</div>
+		<div class="bottombar-nav-right d-flex gap-3 align-items-center">
+			<div>
+				{{{ if config.loggedIn }}}
+				<ul id="logged-in-menu" class="list-unstyled d-flex align-items-center w-100 gap-3 mb-0">
+					{{{ if config.searchEnabled }}}
+					<li component="sidebar/search" class="nav-item m-0 search">
+					<!-- IMPORT partials/sidebar/search-mobile.tpl -->
+					</li>
+					{{{ end }}}
+
+					<li component="notifications" class="nav-item m-0 notifications">
+					<!-- IMPORT partials/sidebar/notifications.tpl -->
+					</li>
+
+					{{{ if canChat }}}
+					<li class="nav-item m-0 chats">
+					<!-- IMPORT partials/sidebar/chats.tpl -->
+					</li>
+					{{{ end }}}
+
+					<li component="sidebar/drafts" class="hidden nav-item m-0 drafts">
+					<!-- IMPORT partials/sidebar/drafts.tpl -->
+					</li>
+
+					<li id="user_label" class="nav-item m-0 usermenu">
+					<!-- IMPORT partials/sidebar/user-menu.tpl -->
+					</li>
+				</ul>
+				{{{ else }}}
+				<ul id="logged-out-menu" class="list-unstyled d-flex w-100 gap-3 mb-0 logged-out-menu">
+					{{{ if (config.searchEnabled && user.privileges.search:content) }}}
+					<li component="sidebar/search" class="nav-item mx-2 search">
+						<!-- IMPORT partials/sidebar/search-mobile.tpl -->
+					</li>
+					{{{ end }}}
+
+					{{{ if allowRegistration }}}
+					<li class="nav-item mx-2" title="[[global:register]]">
+						<a class="nav-link" href="{relative_path}/register">
+							<i class="fa fa-fw fa-user-plus"></i>
+						</a>
+					</li>
+					{{{ end }}}
+
+					<li class="nav-item mx-2" title="[[global:login]]">
+						<a class="nav-link" href="{relative_path}/login">
+							<i class="fa fa-fw fa-sign-in"></i>
+						</a>
+					</li>
+				</ul>
+				{{{ end }}}
+			</div>
+		</div>
+	</div>
 </div>

package/templates/partials/notifications_list.tpl

@@ -1,44 +1,44 @@
-{{{ if !notifications.length }}}
-<div class="no-notifs text-center p-4 d-flex flex-column">
-	<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
-	<div class="text-xs fw-semibold text-muted">[[notifications:no-notifs]]</div>
-</div>
-{{{ end }}}
-
-{{{ each notifications }}}
-<div class="{./readClass}" data-nid="{./nid}" data-path="{./path}" {{{ if ./pid }}}data-pid="{./pid}"{{{ end }}}{{{ if ./tid }}}data-tid="{./tid}"{{{ end }}}>
-	<div class="d-flex gap-1 justify-content-between">
-		<div class="btn-ghost-sm d-flex gap-2 flex-grow-1 align-items-start">
-			<a class="flex-grow-0 flex-shrink-0" href="{{{ if ./user.userslug}}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
-				{{{ if (./image && ./from) }}}
-				<img class="avatar avatar-rounded" style="--avatar-size: 32px;" src="{./image}" />
-				{{{ else }}}
-				{{{ if ./icon }}}
-				<div class="avatar avatar-rounded" style="--avatar-size: 32px;"><i class="text-secondary fa {./icon}"></i></div>
-				{{{ else }}}
-				<div class="avatar avatar-rounded" style="--avatar-size: 32px; background-color: {./user.icon:bgColor};">{./user.icon:text}</div>
-				{{{ end }}}
-				{{{ end }}}
-			</a>
-
-			<div class="d-flex flex-grow-1 flex-column align-items-start position-relative">
-				<a href="{./path}" class="text-decoration-none d-inline-block text-reset text-break text-sm ff-sans stretched-link" component="notifications/item/link">
-					{./bodyShort}
-				</a>
-				<div class="text-xs text-muted">{{{ if ./timeagoLong }}}{./timeagoLong}{{{ else }}}<span class="timeago" title="{./datetimeISO}"></span>{{{ end }}}</div>
-			</div>
-		</div>
-		<div>
-			{{{ if ./nid }}}
-			<button class="mark-read btn-ghost-sm flex-grow-0 flex-shrink-0 p-1" style="width: 1.5rem; height: 1.5rem;">
-				<i class="unread fa fa-2xs fa-circle text-primary {{{ if ./read }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-read]]"></i>
-				<i class="read fa fa-2xs fa-circle-o text-secondary {{{ if !./read }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-unread]]"></i>
-			</button>
-			{{{ end }}}
-		</div>
-	</div>
-</div>
-{{{ if !@last }}}
-<hr class="my-1" />
-{{{ end }}}
-{{{ end }}}
+{{{ if !notifications.length }}}
+<div class="no-notifs text-center p-4 d-flex flex-column">
+	<div class="p-4"><i class="fa-solid fa-wind fs-2 text-muted"></i></div>
+	<div class="text-xs fw-semibold text-muted">[[notifications:no-notifs]]</div>
+</div>
+{{{ end }}}
+
+{{{ each notifications }}}
+<div class="{./readClass}" data-nid="{./nid}" data-path="{./path}" {{{ if ./pid }}}data-pid="{./pid}"{{{ end }}}{{{ if ./tid }}}data-tid="{./tid}"{{{ end }}}>
+	<div class="d-flex gap-1 justify-content-between">
+		<div class="btn btn-ghost btn-sm d-flex gap-2 flex-grow-1 text-start align-items-start">
+			<a class="flex-grow-0 flex-shrink-0" href="{{{ if ./user.userslug}}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
+				{{{ if (./image && ./from) }}}
+				<img class="avatar avatar-rounded" style="--avatar-size: 32px;" src="{./image}" />
+				{{{ else }}}
+				{{{ if ./icon }}}
+				<div class="avatar avatar-rounded" style="--avatar-size: 32px;"><i class="text-secondary fa {./icon}"></i></div>
+				{{{ else }}}
+				<div class="avatar avatar-rounded" style="--avatar-size: 32px; background-color: {./user.icon:bgColor};">{./user.icon:text}</div>
+				{{{ end }}}
+				{{{ end }}}
+			</a>
+
+			<div class="d-flex flex-grow-1 flex-column align-items-start position-relative">
+				<a href="{./path}" class="text-decoration-none d-inline-block text-reset text-break text-sm ff-sans stretched-link" component="notifications/item/link">
+					{./bodyShort}
+				</a>
+				<div class="text-xs text-muted">{{{ if ./timeagoLong }}}{./timeagoLong}{{{ else }}}<span class="timeago" title="{./datetimeISO}"></span>{{{ end }}}</div>
+			</div>
+		</div>
+		<div>
+			{{{ if ./nid }}}
+			<button class="mark-read btn btn-ghost btn-sm d-flex align-items-center justify-content-center flex-grow-0 flex-shrink-0 p-1" style="width: 1.5rem; height: 1.5rem;">
+				<i class="unread fa fa-2xs fa-circle text-primary {{{ if ./read }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-read]]"></i>
+				<i class="read fa fa-2xs fa-circle-o text-secondary {{{ if !./read }}}hidden{{{ end }}}" aria-label="[[unread:mark-as-unread]]"></i>
+			</button>
+			{{{ end }}}
+		</div>
+	</div>
+</div>
+{{{ if !@last }}}
+<hr class="my-1" />
+{{{ end }}}
+{{{ end }}}