nodebb-theme-persona 12.1.6 → 12.1.7

package/scss/modules/nprogress.scss

@@ -1,80 +0,0 @@
-#nprogress {
-	pointer-events: none;
-}
-
-#nprogress .bar {
-	background: #29d;
-
-	position: fixed;
-	z-index: 1031;
-	top: 0;
-	left: 0;
-
-	width: 100%;
-	height: 2px;
-}
-
-#nprogress .peg {
-	display: block;
-	position: absolute;
-	right: 0px;
-	width: 100px;
-	height: 100%;
-	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
-	opacity: 1.0;
-
-	-webkit-transform: rotate(3deg) translate(0px, -4px);
-		-ms-transform: rotate(3deg) translate(0px, -4px);
-			transform: rotate(3deg) translate(0px, -4px);
-}
-
-#nprogress .spinner {
-	display: block;
-	position: fixed;
-	z-index: 1031;
-	top: 15px;
-	right: 15px;
-}
-
-@include media-breakpoint-down(sm) {
-	#nprogress .spinner {
-	  bottom: 15px;
-	  right: 15px;
-	  top: initial;
-	}
-}
-
-
-#nprogress .spinner-icon {
-	width: 18px;
-	height: 18px;
-	box-sizing: border-box;
-
-	border: solid 2px transparent;
-	border-top-color: #29d;
-	border-left-color: #29d;
-	border-radius: 50%;
-
-	-webkit-animation: nprogress-spinner 400ms linear infinite;
-			animation: nprogress-spinner 400ms linear infinite;
-}
-
-.nprogress-custom-parent {
-	overflow: hidden;
-	position: relative;
-}
-
-.nprogress-custom-parent #nprogress .spinner,
-.nprogress-custom-parent #nprogress .bar {
-	position: absolute;
-}
-
-@-webkit-keyframes nprogress-spinner {
-	0%   { -webkit-transform: rotate(0deg); }
-	100% { -webkit-transform: rotate(360deg); }
-}
-@keyframes nprogress-spinner {
-	0%   { transform: rotate(0deg); }
-	100% { transform: rotate(360deg); }
-}
-

package/scss/overrides.scss

@@ -1,44 +0,0 @@
-// only overrides to bs5 variables here
-
-// TODO: decide if we should readd this, persona modified bootstrap to increase padding
-// $input-btn-padding-y:         .625rem !default;
-// $input-btn-padding-x:         1rem !default;
-
-$navbar-nav-link-padding-x: 0.875rem!default;
-
-// persona colors
-$white:    #fff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black:    #000 !default;
-
-$primary: darken(#428bca, 6.5%) !default;
-$secondary: $gray-600 !default;
-$success: #5cb85c !default;
-$info: #5bc0de !default;
-$warning: #f0ad4e !default;
-$danger: #d9534f !default;
-$light: $gray-100 !default;
-$dark: $gray-900 !default;
-$link-decoration:none !default;
-
-// font
-$font-family-sans-serif:  -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-// BS5 default is 1rem(16px)
-$font-size-base: 0.875rem!default;
-
-// no rounded in persona
-$enable-rounded: false;
-
-// no caret on dropdown-toggle
-$enable-caret: false;
-
-// disable smooth scroll, this makes window.scrollTo(0,0) in ajaxify.js take x milliseconds
-$enable-smooth-scroll: false;

package/scss/search.scss

@@ -1,39 +0,0 @@
-.search-result-title {
-	font-weight: 600;
-}
-
-.search-result-text {
-	max-height: 250px;
-	overflow: hidden;
-	position: relative;
-
-	h4, p {
-		overflow-y: hidden;
-	}
-}
-
-.topic-search {
-	position: fixed;
-	top: 60px;
-	right: 10px;
-
-	button {
-		padding: 4px 6px;
-	}
-}
-
-@include media-breakpoint-down(sm) {
-	.quick-search-container {
-		left: 0px;
-		right: 0px;
-	}
-}
-
-.quick-search-results, .search-results {
-	.post-info {
-		font-size: 12px;
-		.category-item .icon {
-			margin-top: -3px;
-		}
-	}
-}

package/scss/tags.scss

@@ -1,11 +0,0 @@
-
-.tag-list {
-	.tag {
-		text-transform: uppercase;
-		font-size: 10px;
-		background: $gray-200;
-		color: $gray-600;
-		padding: 5px;
-		white-space: nowrap;
-	}
-}

package/scss/topics_list.scss

@@ -1,17 +0,0 @@
-#new-topics-alert {
-    margin-bottom: 0px;
-    padding: 10px 16px;
-}
-
-.topic-list-header {
-    top: calc(var(--panel-offset));
-    background-color: $body-bg;
-    z-index: $zindex-dropdown; // allows for top nav dropdowns to appear on top
-    border-top: 1px solid $post-border-color;
-    border-bottom: 1px solid $post-border-color;
-}
-
-.topic-list .title small {
-    font-size: 12px;
-    font-weight: normal;
-}

package/templates/partials/groups/admin.tpl

@@ -1,195 +0,0 @@
-<div class="card mb-3">
-	<div class="card-header">
-		<div class="fs-5">
-			<i class="fa fa-clock-o"></i> [[groups:details.pending]]
-			<!-- IF group.pending.length -->
-			<div class="btn-group float-end">
-				<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-					[[global:more]] <span class="caret"></span>
-				</button>
-				<ul class="dropdown-menu" role="menu">
-					<li><a class="dropdown-item" href="#" data-ajaxify="false" data-action="acceptAll">[[groups:pending.accept_all]]</a></li>
-					<li><a class="dropdown-item" href="#" data-ajaxify="false" data-action="rejectAll">[[groups:pending.reject_all]]</a></li>
-				</ul>
-			</div>
-			<!-- ENDIF group.pending.length -->
-		</div>
-	</div>
-	<div class="card-body">
-		<table component="groups/pending" class="table table-striped table-hover">
-			<!-- IF !group.pending.length -->
-			<div class="alert alert-info">[[groups:pending.none]]</div>
-			<!-- ENDIF !group.pending.length -->
-			{{{each group.pending}}}
-			<tr data-uid="{group.pending.uid}">
-				<td class="p-2">
-					<a href="{config.relative_path}/user/{group.pending.userslug}">{buildAvatar(group.pending, "24px", true)}</a>
-				</td>
-				<td class="member-name p-2">
-					<a href="{config.relative_path}/user/{group.pending.userslug}">{group.pending.username}</a>
-				</td>
-				<td class="p-2">
-					<div class="btn-group float-end">
-						<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-							[[global:more]] <span class="caret"></span>
-						</button>
-						<ul class="dropdown-menu" role="menu">
-							<li><a class="dropdown-item" href="#" data-ajaxify="false" data-action="accept">[[groups:pending.accept]]</a></li>
-							<li><a class="dropdown-item" href="#" data-ajaxify="false" data-action="reject">[[groups:pending.reject]]</a></li>
-						</ul>
-					</div>
-				</td>
-			</tr>
-			{{{end}}}
-		</table>
-	</div>
-</div>
-<div class="card mb-3">
-	<div class="card-header">
-		<span class="fs-5">
-			<i class="fa fa-gift"></i> [[groups:details.invited]]
-		</span>
-	</div>
-	<div class="card-body">
-		<div class="input-group mb-2">
-			<input class="form-control" type="text" component="groups/members/invite" placeholder="[[groups:invited.search]]"/>
-			<span class="input-group-text search-button"><i class="fa fa-search"></i></span>
-		</div>
-
-		<div class="mb-2">
-			<textarea class="form-control" component="groups/members/bulk-invite" placeholder="[[groups:bulk-invite-instructions]]"></textarea>
-		</div>
-
-		<div class="mb-2 clearfix">
-			<button class="btn btn-outline-secondary btn-sm float-end" component="groups/members/bulk-invite-button">[[groups:bulk-invite]]</button>
-		</div>
-
-		<table component="groups/invited" class="table table-striped table-hover">
-			<!-- IF !group.invited.length -->
-			<div class="alert alert-info">[[groups:invited.none]]</div>
-			<!-- ENDIF !group.invited.length -->
-			{{{each group.invited}}}
-			<tr data-uid="{group.invited.uid}">
-				<td class="p-2">
-					<a href="{config.relative_path}/user/{group.invited.userslug}">{buildAvatar(group.invited, "24px", true)}</a>
-				</td>
-				<td class="member-name p-2">
-					<a href="{config.relative_path}/user/{group.invited.userslug}">{group.invited.username}</a>
-				</td>
-				<td class="p-2">
-					<div class="btn-group float-end">
-						<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
-							[[global:more]] <span class="caret"></span>
-						</button>
-						<ul class="dropdown-menu" role="menu">
-							<li><a class="dropdown-item" href="#" data-ajaxify="false" data-action="rescindInvite">[[groups:invited.uninvite]]</a></li>
-						</ul>
-					</div>
-				</td>
-			</tr>
-			{{{end}}}
-		</table>
-	</div>
-</div>
-
-<div class="card mb-3">
-	<div class="card-header pointer" data-bs-toggle="collapse" data-bs-target=".options">
-		<span class="fs-5">
-			<i class="fa fa-caret-down float-end"></i>
-			<i class="fa fa-cogs"></i> [[groups:details.owner_options]]
-		</span>
-	</div>
-
-	<div class="card-body options collapse">
-		<form component="groups/settings" role="form">
-			<div class="mb-3">
-				<label class="form-label" for="name">[[groups:details.group_name]]</label>
-				<input <!-- IF group.system -->readonly<!-- ENDIF group.system --> class="form-control" name="name" id="name" type="text" value="{group.displayName}" />
-			</div>
-			<div class="mb-3">
-				<label class="form-label" for="name">[[groups:details.description]]</label>
-				<textarea class="form-control" name="description" id="description" type="text" maxlength="255">{group.description}</textarea>
-			</div>
-
-			<hr />
-			<div class="mb-3">
-				<label class="form-label" for="memberPostCids">[[groups:details.member-post-cids]]</label>
-				<div class="row">
-					<div class="col-md-6">
-						<input id="memberPostCids" type="text" class="form-control" value="{group.memberPostCids}">
-					</div>
-					<div class="col-md-6 member-post-cids-selector">
-						<!-- IMPORT partials/category-selector.tpl -->
-					</div>
-				</div>
-			</div>
-
-			<hr />
-
-			<div class="mb-3 user-title-option">
-				<label class="form-label" for="userTitle">[[groups:details.badge_text]]</label>
-				<input component="groups/userTitleOption" class="form-control" name="userTitle" id="userTitle" type="text" maxlength="40" value="{group.userTitleEscaped}"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled --> />
-			</div>
-
-			<div class="mb-3 user-title-option">
-				<label>[[groups:details.badge_preview]]</label><br />
-				<span class="badge rounded-1 text-uppercase text-truncate rounded-1 {{{ if !group.userTitleEnabled }}} hide{{{ end }}}" style="max-width:150px; color: {group.textColor}; background-color: {group.labelColor}"><i class="fa{{{ if group.icon }}} {group.icon}{{{ end }}}"></i> <span class="badge-text">{{{ if group.userTitle }}}{group.userTitle}{{{ else }}}{group.displayName}{{{ end }}}</span></span>
-
-				<hr/>
-				<button component="groups/userTitleOption" type="button" class="btn btn-outline-secondary btn-sm" data-action="icon-select"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled -->>[[groups:details.change_icon]]</button>
-				<div>
-					<label class="form-label" for="labelColor" class="badge-color-label">[[groups:details.change_label_colour]]</label>
-					<input component="groups/userTitleOption" type="color" name="labelColor" value="<!-- IF group.labelColor -->{group.labelColor}<!-- ENDIF group.labelColor -->" />
-				</div>
-				<div>
-					<label class="form-label" for="color" class="badge-color-label">[[groups:details.change_text_colour]]</label>
-					<input component="groups/userTitleOption" type="color" name="textColor" value="<!-- IF group.textColor -->{group.textColor}<!-- ENDIF group.textColor -->" />
-				</div>
-				<input type="hidden" name="icon" value="<!-- IF group.icon -->{group.icon}<!-- ENDIF group.icon -->" />
-
-				<div id="icons" class="hidden">
-					<div class="icon-container">
-						<div class="row nbb-fa-icons">
-							<!-- IMPORT partials/fontawesome.tpl -->
-						</div>
-					</div>
-				</div>
-			</div>
-			<hr />
-			<div class="form-check">
-				<label class="form-check-label">[[groups:details.userTitleEnabled]]</label>
-				<input class="form-check-input" name="userTitleEnabled" type="checkbox"<!-- IF group.userTitleEnabled --> checked<!-- ENDIF group.userTitleEnabled -->>
-			</div>
-			<div class="form-check">
-				<label class="form-check-label">[[groups:details.private]]</label>
-				<input class="form-check-input" name="private" type="checkbox"<!-- IF group.private --> checked<!-- ENDIF group.private -->>
-				<!-- IF !allowPrivateGroups -->
-				<p class="form-text">
-					[[groups:details.private_system_help]]
-				</p>
-				<!-- ENDIF !allowPrivateGroups -->
-				<p class="form-text">
-					[[groups:details.private_help]]
-				</p>
-			</div>
-			<div class="form-check">
-				<label class="form-check-label">[[groups:details.disableJoinRequests]]</label>
-				<input class="form-check-input" name="disableJoinRequests" type="checkbox"<!-- IF group.disableJoinRequests --> checked<!-- ENDIF group.disableJoinRequests -->>
-			</div>
-			<div class="form-check">
-				<label class="form-check-label">[[groups:details.disableLeave]]</label>
-				<input class="form-check-input" name="disableLeave" type="checkbox"{{{if group.disableLeave}}} checked{{{end}}}>
-			</div>
-			<div class="form-check">
-				<label class="form-check-label">[[groups:details.hidden]]</label>
-				<input class="form-check-input" name="hidden" type="checkbox"<!-- IF group.hidden --> checked<!-- ENDIF group.hidden -->>
-				<p class="form-text">
-					[[groups:details.hidden_help]]
-				</p>
-			</div>
-
-			<button class="btn btn-link text-danger float-end" type="button" data-action="delete">[[groups:details.delete_group]]</button>
-			<button class="btn btn-primary" type="button" data-action="update">[[global:save_changes]]</button>
-		</form>
-	</div>
-</div>

package/templates/partials/groups/badge.tpl

@@ -1 +0,0 @@
-<a class="lh-1" href="{config.relative_path}/groups/{./slug}"><small class="badge rounded-1 text-uppercase text-truncate" style="max-width: 150px;color:{./textColor};background-color: {./labelColor};"><i class="fa {{{ if ./icon }}}{./icon} me-1{{{else}}}hidden{{{ end }}}"></i><span class="badge-text">{{{ if ./userTitle }}}{./userTitle}{{{ else }}}{./displayName}{{{ end }}}</span></small></a>

package/templates/partials/toast.tpl

@@ -1,14 +0,0 @@
-<div id="{alert_id}" role="alert" class="alert alert-dismissable alert-{type}" component="toaster/toast">
-	<button type="button" class="btn-close float-end" data-bs-dismiss="alert" aria-label="close"></button>
-	<!-- IF image -->
-	<img src="{image}">
-	<!-- ENDIF image -->
-
-	<!-- IF title -->
-	<strong>{title}</strong>
-	<!-- ENDIF title -->
-
-	<!-- IF message -->
-	<p>{message}</p>
-	<!-- ENDIF message -->
-</div>

package/templates/partials/topic/tag.tpl

@@ -1 +0,0 @@
-<a href="{config.relative_path}/tags/{./valueEncoded}"><span class="tag tag-item fw-bold tag-class-{./class}" data-tag="{./value}">{./valueEscaped}</span></a>

package/templates/partials/topic-filters.tpl

@@ -1,12 +0,0 @@
-<div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
-	<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
-		<span class="visible-sm-inline visible-md-inline visible-lg-inline">{selectedFilter.name}</span><span class="visible-xs-inline"><i class="fa fa-fw {selectedFilter.icon}"></i></span> <span class="caret"></span>
-	</button>
-	<ul class="dropdown-menu dropdown-menu-end" role="menu">
-		{{{each filters}}}
-		<li role="presentation" class="category {{{if filters.selected}}}selected{{{end}}}">
-			<a class="dropdown-item" role="menu-item" href="{config.relative_path}/{filters.url}"><i class="fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i>{filters.name}</a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>

package/templates/partials/topic-terms.tpl

@@ -1,12 +0,0 @@
-<div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
-	<button type="button" class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
-	{selectedTerm.name} <span class="caret"></span>
-	</button>
-	<ul class="dropdown-menu dropdown-menu-end" role="menu">
-		{{{each terms}}}
-		<li role="presentation" class="category">
-			<a class="dropdown-item" role="menu-item" href="{config.relative_path}/{terms.url}"><i class="fa fa-fw {{{ if terms.selected }}}fa-check{{{ end }}}"></i>{terms.name}</a>
-		</li>
-		{{{end}}}
-	</ul>
-</div>

package/theme.scss

@@ -1 +0,0 @@
-@import "./scss/persona";