nodebb-theme-harmony 2.0.0 → 2.0.1

package/templates/partials/sidebar/drafts.tpl

@@ -1,63 +1,63 @@
-<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.drafts]]">
-	<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
-		<span class="position-relative">
-			<i component="drafts/icon" class="fa fa-fw fa-pen-to-square unread-count"></i>
-			<span component="drafts/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary hidden">0</span>
-		</span>
-		<span class="nav-text small visible-open fw-semibold">[[global:header.drafts]]</span>
-	</span>
-	<span component="drafts/count" class="visible-open badge rounded-1 bg-primary hidden">0</span>
-</a>
-<ul class="drafts-dropdown dropdown-menu p-1 shadow" role="menu">
-	<li>
-		<div component="drafts/list" class="list-container draft-list list-unstyled d-flex flex-column overscroll-behavior-contain gap-1 pe-1 ghost-scrollbar">
-			<div class="dropdown-item rounded-1 p-2 d-flex gap-2 placeholder-wave">
-				<div class="d-flex flex-grow-1 flex-column w-100">
-					<div class="text-xs placeholder col-3">&nbsp;</div>
-					<div class="text-sm placeholder col-11">&nbsp;</div>
-					<div class="text-xs placeholder col-4">&nbsp;</div>
-				</div>
-			</div>
-			<div class="hidden no-drafts 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">[[modules:composer.no-drafts]]</div>
-			</div>
-			<div class="draft-item-container">
-				{{{ each drafts }}}
-				{{{ if !@first}}}
-				<hr class="my-1"/>
-				{{{ end }}}
-				<div data-save-id="{./save_id}">
-					<div class="d-flex gap-1 justify-content-between ff-base">
-						<div class="dropdown-item rounded-1 p-2 d-flex flex-column gap-2 pointer" component="drafts/open" data-save-id="{./save_id}" role="menuitem">
-							{{{ if (./action == "topics.post") }}}
-							{{{ if ./title}}}
-							<div class="text text-xs fw-semibold line-clamp-2 text-break">{./title}</div>
-							{{{ end }}}
-							{{{ end }}}
-
-							{{{ if (./action == "posts.reply") }}}
-							<div class="text text-xs fw-semibold line-clamp-2 text-break">[[topic:composer.replying-to, "{./title}"]]</div>
-							{{{ end }}}
-
-							{{{ if (./action == "posts.edit") }}}
-							<div class="text text-xs fw-semibold line-clamp-2">[[topic:composer.editing-in, "{./title}"]]</div>
-							{{{ end }}}
-
-							{{{ if ./text }}}
-							<div class="text text-sm line-clamp-3 text-break">{./text}</div>
-							{{{ end }}}
-							<div class="timeago text-xs text-muted" title="{./timestampISO}"></div>
-						</div>
-						<div>
-							<button component="drafts/delete" data-save-id="{./save_id}" class="btn btn-light btn-sm">
-								<i class="unread fa fa-xs fa-trash text-secondary"></i>
-							</button>
-						</div>
-					</div>
-				</div>
-				{{{ end }}}
-			</div>
-		</div>
-	</li>
-</ul>
+<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.drafts]]">
+	<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
+		<span class="position-relative">
+			<i component="drafts/icon" class="fa fa-fw fa-pen-to-square unread-count"></i>
+			<span component="drafts/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary hidden">0</span>
+		</span>
+		<span class="nav-text small visible-open fw-semibold">[[global:header.drafts]]</span>
+	</span>
+	<span component="drafts/count" class="visible-open badge rounded-1 bg-primary hidden">0</span>
+</a>
+<ul class="drafts-dropdown dropdown-menu p-1 shadow" role="menu">
+	<li>
+		<div component="drafts/list" class="list-container draft-list list-unstyled d-flex flex-column overscroll-behavior-contain gap-1 pe-1 ghost-scrollbar">
+			<div class="dropdown-item rounded-1 p-2 d-flex gap-2 placeholder-wave">
+				<div class="d-flex flex-grow-1 flex-column w-100">
+					<div class="text-xs placeholder col-3">&nbsp;</div>
+					<div class="text-sm placeholder col-11">&nbsp;</div>
+					<div class="text-xs placeholder col-4">&nbsp;</div>
+				</div>
+			</div>
+			<div class="hidden no-drafts 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">[[modules:composer.no-drafts]]</div>
+			</div>
+			<div class="draft-item-container">
+				{{{ each drafts }}}
+				{{{ if !@first}}}
+				<hr class="my-1"/>
+				{{{ end }}}
+				<div data-save-id="{./save_id}">
+					<div class="d-flex gap-1 justify-content-between ff-base">
+						<div class="dropdown-item rounded-1 p-2 d-flex flex-column gap-2 pointer" component="drafts/open" data-save-id="{./save_id}" role="menuitem">
+							{{{ if (./action == "topics.post") }}}
+							{{{ if ./title}}}
+							<div class="text text-xs fw-semibold line-clamp-2 text-break">{./title}</div>
+							{{{ end }}}
+							{{{ end }}}
+
+							{{{ if (./action == "posts.reply") }}}
+							<div class="text text-xs fw-semibold line-clamp-2 text-break">[[topic:composer.replying-to, "{./title}"]]</div>
+							{{{ end }}}
+
+							{{{ if (./action == "posts.edit") }}}
+							<div class="text text-xs fw-semibold line-clamp-2">[[topic:composer.editing-in, "{./title}"]]</div>
+							{{{ end }}}
+
+							{{{ if ./text }}}
+							<div class="text text-sm line-clamp-3 text-break">{./text}</div>
+							{{{ end }}}
+							<div class="timeago text-xs text-muted" title="{./timestampISO}"></div>
+						</div>
+						<div>
+							<button component="drafts/delete" data-save-id="{./save_id}" class="btn btn-light btn-sm">
+								<i class="unread fa fa-xs fa-trash text-secondary"></i>
+							</button>
+						</div>
+					</div>
+				</div>
+				{{{ end }}}
+			</div>
+		</div>
+	</li>
+</ul>

package/templates/partials/sidebar/logged-in-menu.tpl

@@ -1,23 +1,23 @@
-<li id="user_label" class="nav-item mx-2 dropstart usermenu" title="{user.username}" role="menuitem">
-	<!-- IMPORT partials/sidebar/user-menu.tpl -->
-</li>
-
-{{{ if (config.searchEnabled && user.privileges.search:content) }}}
-<li component="sidebar/search" class="nav-item mx-2 search dropstart position-relative" title="[[global:header.search]]" role="menuitem">
-<!-- IMPORT partials/sidebar/search.tpl -->
-</li>
-{{{ end }}}
-
-<li component="notifications" class="nav-item mx-2 notifications dropstart" title="[[global:header.notifications]]" role="menuitem">
-<!-- IMPORT partials/sidebar/notifications.tpl -->
-</li>
-
-{{{ if canChat }}}
-<li class="nav-item mx-2 chats dropstart" title="[[global:header.chats]]" role="menuitem">
-<!-- IMPORT partials/sidebar/chats.tpl -->
-</li>
-{{{ end }}}
-
-<li component="sidebar/drafts" class="nav-item mx-2 drafts dropstart" title="[[global:header.drafts]]" role="menuitem">
-<!-- IMPORT partials/sidebar/drafts.tpl -->
+<li id="user_label" class="nav-item mx-2 dropstart usermenu" title="{user.username}" role="menuitem">
+	<!-- IMPORT partials/sidebar/user-menu.tpl -->
+</li>
+
+{{{ if (config.searchEnabled && user.privileges.search:content) }}}
+<li component="sidebar/search" class="nav-item mx-2 search dropstart position-relative" title="[[global:header.search]]" role="menuitem">
+<!-- IMPORT partials/sidebar/search.tpl -->
+</li>
+{{{ end }}}
+
+<li component="notifications" class="nav-item mx-2 notifications dropstart" title="[[global:header.notifications]]" role="menuitem">
+<!-- IMPORT partials/sidebar/notifications.tpl -->
+</li>
+
+{{{ if canChat }}}
+<li class="nav-item mx-2 chats dropstart" title="[[global:header.chats]]" role="menuitem">
+<!-- IMPORT partials/sidebar/chats.tpl -->
+</li>
+{{{ end }}}
+
+<li component="sidebar/drafts" class="nav-item mx-2 drafts dropstart" title="[[global:header.drafts]]" role="menuitem">
+<!-- IMPORT partials/sidebar/drafts.tpl -->
 </li>

package/templates/partials/sidebar/logged-out-menu.tpl

@@ -1,44 +1,44 @@
-
-<li class="nav-item mx-2 order-last order-md-first" title="[[global:login]]" role="menuitem">
-	<a class="nav-link" href="{relative_path}/login" aria-label="[[global:login]]">
-		<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
-			<span class="position-relative">
-				<i class="fa fa-fw fa-sign-in"></i>
-			</span>
-			<span class="nav-text small visible-open fw-semibold">[[global:login]]</span>
-		</span>
-	</a>
-</li>
-<hr class="my-2 mx-2 visible-open">
-{{{ if allowRegistration }}}
-<li class="nav-item mx-2" title="[[global:register]]" role="menuitem">
-	<span class="text-xs visible-open">[[login:dont-have-account]]</span>
-	<a class="nav-link" href="{relative_path}/register" aria-label="[[global:register]]">
-		<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
-			<span class="position-relative">
-				<i class="fa fa-fw fa-user-plus"></i>
-			</span>
-			<span class="nav-text small visible-open fw-semibold">[[global:register]]</span>
-		</span>
-	</a>
-</li>
-<hr class="my-2 mx-2 visible-open">
-{{{ end }}}
-
-{{{ if config.searchEnabled }}}
-{{{ if user.privileges.search:content }}}
-<li component="sidebar/search" class="nav-item mx-2 search dropstart position-relative" title="[[global:header.search]]" role="menuitem">
-	<!-- IMPORT partials/sidebar/search.tpl -->
-</li>
-{{{ else }}}
-<li component="sidebar/search" class="visible-open nav-item mx-2 search">
-	<div class="d-flex gap-2 py-1 px-2 align-items-center" title="[[themes/harmony:login-register-to-search]]">
-		<i class="fa fa-fw fa-search"></i>
-		<span class="nav-text visible-open text-xs">[[themes/harmony:login-register-to-search]]</span>
-	</div>
-</li>
-{{{ end }}}
-{{{ end }}}
-
-
-
+
+<li class="nav-item mx-2 order-last order-md-first" title="[[global:login]]" role="menuitem">
+	<a class="nav-link" href="{relative_path}/login" aria-label="[[global:login]]">
+		<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
+			<span class="position-relative">
+				<i class="fa fa-fw fa-sign-in"></i>
+			</span>
+			<span class="nav-text small visible-open fw-semibold">[[global:login]]</span>
+		</span>
+	</a>
+</li>
+<hr class="my-2 mx-2 visible-open">
+{{{ if allowRegistration }}}
+<li class="nav-item mx-2" title="[[global:register]]" role="menuitem">
+	<span class="text-xs visible-open">[[login:dont-have-account]]</span>
+	<a class="nav-link" href="{relative_path}/register" aria-label="[[global:register]]">
+		<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
+			<span class="position-relative">
+				<i class="fa fa-fw fa-user-plus"></i>
+			</span>
+			<span class="nav-text small visible-open fw-semibold">[[global:register]]</span>
+		</span>
+	</a>
+</li>
+<hr class="my-2 mx-2 visible-open">
+{{{ end }}}
+
+{{{ if config.searchEnabled }}}
+{{{ if user.privileges.search:content }}}
+<li component="sidebar/search" class="nav-item mx-2 search dropstart position-relative" title="[[global:header.search]]" role="menuitem">
+	<!-- IMPORT partials/sidebar/search.tpl -->
+</li>
+{{{ else }}}
+<li component="sidebar/search" class="visible-open nav-item mx-2 search">
+	<div class="d-flex gap-2 py-1 px-2 align-items-center" title="[[themes/harmony:login-register-to-search]]">
+		<i class="fa fa-fw fa-search"></i>
+		<span class="nav-text visible-open text-xs">[[themes/harmony:login-register-to-search]]</span>
+	</div>
+</li>
+{{{ end }}}
+{{{ end }}}
+
+
+

package/templates/partials/sidebar/notifications.tpl

@@ -1,49 +1,49 @@
-<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.notifications]]">
-	<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
-		<span class="position-relative">
-			<i component="notifications/icon" class="fa fa-fw {{{ if unreadCount.notification}}}fa-bell{{{ else }}}fa-bell-o{{{ end }}} unread-count" data-content="{unreadCount.notification}"></i>
-			<span component="notifications/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.notification }}}hidden{{{ end }}}">{unreadCount.notification}</span>
-		</span>
-		<span class="nav-text small visible-open fw-semibold truncate-text">[[global:header.notifications]]</span>
-	</span>
-	<span component="notifications/count" class="visible-open badge rounded-1 bg-primary {{{ if !unreadCount.notification }}}hidden{{{ end }}}">{unreadCount.notification}</span>
-</a>
-<ul class="notifications-dropdown dropdown-menu p-1 shadow" role="menu">
-	<li>
-		<div component="notifications/list" class="list-container notification-list overscroll-behavior-contain pe-1 ff-base ghost-scrollbar">
-			<div class="mb-2 p-1">
-				<div class="d-flex gap-1 justify-content-between">
-					<div class="d-flex gap-2 flex-grow-1 placeholder-wave">
-						<div class="placeholder" style="width: 32px; height: 32px;"></div>
-						<div class="flex-grow-1">
-							<div class="d-flex flex-column">
-								<div class="text-sm">
-									<span class="placeholder placeholder-sm col-4"></span>
-									<span class="placeholder placeholder-sm col-6"></span>
-									<span class="placeholder placeholder-sm col-7"></span>
-									<span class="placeholder placeholder-sm col-2"></span>
-									<span class="placeholder placeholder-sm col-5"></span>
-								</div>
-								<div class="text-xs">
-									<div class="placeholder placeholder-xs col-6"></div>
-								</div>
-							</div>
-						</div>
-					</div>
-					<div>
-						<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"></i>
-						</button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</li>
-	<li class="dropdown-divider"></li>
-	<li>
-		<div class="d-flex justify-content-center gap-1 flex-wrap">
-			<a role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[notifications:mark-all-read]]</a>
-			<a class="btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/notifications"><i class="fa fa-list"></i> [[notifications:see-all]]</a>
-		</div>
-	</li>
-</ul>
+<a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.notifications]]">
+	<span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
+		<span class="position-relative">
+			<i component="notifications/icon" class="fa fa-fw {{{ if unreadCount.notification}}}fa-bell{{{ else }}}fa-bell-o{{{ end }}} unread-count" data-content="{unreadCount.notification}"></i>
+			<span component="notifications/count" class="visible-closed position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.notification }}}hidden{{{ end }}}">{unreadCount.notification}</span>
+		</span>
+		<span class="nav-text small visible-open fw-semibold truncate-text">[[global:header.notifications]]</span>
+	</span>
+	<span component="notifications/count" class="visible-open badge rounded-1 bg-primary {{{ if !unreadCount.notification }}}hidden{{{ end }}}">{unreadCount.notification}</span>
+</a>
+<ul class="notifications-dropdown dropdown-menu p-1 shadow" role="menu">
+	<li>
+		<div component="notifications/list" class="list-container notification-list overscroll-behavior-contain pe-1 ff-base ghost-scrollbar">
+			<div class="mb-2 p-1">
+				<div class="d-flex gap-1 justify-content-between">
+					<div class="d-flex gap-2 flex-grow-1 placeholder-wave">
+						<div class="placeholder" style="width: 32px; height: 32px;"></div>
+						<div class="flex-grow-1">
+							<div class="d-flex flex-column">
+								<div class="text-sm">
+									<span class="placeholder placeholder-sm col-4"></span>
+									<span class="placeholder placeholder-sm col-6"></span>
+									<span class="placeholder placeholder-sm col-7"></span>
+									<span class="placeholder placeholder-sm col-2"></span>
+									<span class="placeholder placeholder-sm col-5"></span>
+								</div>
+								<div class="text-xs">
+									<div class="placeholder placeholder-xs col-6"></div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div>
+						<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"></i>
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</li>
+	<li class="dropdown-divider"></li>
+	<li>
+		<div class="d-flex justify-content-center gap-1 flex-wrap">
+			<a role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[notifications:mark-all-read]]</a>
+			<a class="btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/notifications"><i class="fa fa-list"></i> [[notifications:see-all]]</a>
+		</div>
+	</li>
+</ul>

package/templates/partials/sidebar/search-mobile.tpl

@@ -1,29 +1,29 @@
-<a component="search/button" id="search-button" href="#" role="button" class="nav-link text-truncate" data-bs-toggle="dropdown" title="[[global:header.search]]" aria-haspopup="true" aria-expanded="false">
-	<i class="fa fa-search fa-fw"></i>
-	<span class="nav-text visible-open px-2 fw-semibold">[[global:search]]</span>
-</a>
-<div class="search-dropdown dropdown-menu p-2 shadow" role="menu">
-	<form component="search/form" id="search-form" class="d-flex justify-content-end align-items-center" role="search" method="GET">
-		<div component="search/fields" class="w-100" id="search-fields">
-			<div id="quick-search-container" class="quick-search-container d-block hidden">
-				<div class="form-check filter-category mb-2 ms-2">
-					<input class="form-check-input" type="checkbox" checked>
-					<label class="form-check-label name"></label>
-				</div>
-
-				<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
-				<div class="quick-search-results-container"></div>
-			</div>
-
-			<div class="d-flex gap-1 input-container">
-				<input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" aria-label="[[search:type-to-search]]">
-
-				<a class="nav-link d-flex justify-content-center align-items-center advanced-search-link" href="{config.relative_path}/search" title="[[search:advanced-search]]">
-					<i class="fa fa-gears fa-fw text-muted"></i>
-				</a>
-			</div>
-
-			<button type="submit" class="btn btn-outline-secondary hide">[[global:search]]</button>
-		</div>
-	</form>
+<a component="search/button" id="search-button" href="#" role="button" class="nav-link text-truncate" data-bs-toggle="dropdown" title="[[global:header.search]]" aria-haspopup="true" aria-expanded="false">
+	<i class="fa fa-search fa-fw"></i>
+	<span class="nav-text visible-open px-2 fw-semibold">[[global:search]]</span>
+</a>
+<div class="search-dropdown dropdown-menu p-2 shadow" role="menu">
+	<form component="search/form" id="search-form" class="d-flex justify-content-end align-items-center" role="search" method="GET">
+		<div component="search/fields" class="w-100" id="search-fields">
+			<div id="quick-search-container" class="quick-search-container d-block hidden">
+				<div class="form-check filter-category mb-2 ms-2">
+					<input class="form-check-input" type="checkbox" checked>
+					<label class="form-check-label name"></label>
+				</div>
+
+				<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
+				<div class="quick-search-results-container"></div>
+			</div>
+
+			<div class="d-flex gap-1 input-container">
+				<input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" aria-label="[[search:type-to-search]]">
+
+				<a class="nav-link d-flex justify-content-center align-items-center advanced-search-link" href="{config.relative_path}/search" title="[[search:advanced-search]]">
+					<i class="fa fa-gears fa-fw text-muted"></i>
+				</a>
+			</div>
+
+			<button type="submit" class="btn btn-outline-secondary hide">[[global:search]]</button>
+		</div>
+	</form>
 </div>

package/templates/partials/sidebar/search.tpl

@@ -1,30 +1,30 @@
-<a component="search/button" id="search-button" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[global:search]]">
-	<span>
-		<i class="fa fa-search fa-fw"></i>
-	</span>
-	<span class="nav-text small visible-open fw-semibold">[[global:search]]</span>
-</a>
-<div class="search-dropdown dropdown-menu p-2 shadow" role="menu">
-	<form component="search/form" id="search-form" class="d-flex justify-content-end align-items-center" role="search" method="GET">
-		<div component="search/fields" class="w-100" id="search-fields">
-			<div class="d-flex gap-1">
-				<input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" aria-label="[[search:type-to-search]]">
-
-				<a class="btn btn-ghost advanced-search-link p-2" href="{config.relative_path}/search" title="[[search:advanced-search]]">
-					<i class="fa fa-gears text-muted"></i>
-				</a>
-			</div>
-
-			<div id="quick-search-container" class="quick-search-container d-block mt-2 hidden">
-				<div class="form-check filter-category mb-2 ms-2">
-					<input class="form-check-input" type="checkbox" checked>
-					<label class="form-check-label name text-sm"></label>
-				</div>
-
-				<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
-				<div class="quick-search-results-container"></div>
-			</div>
-			<button type="submit" class="btn btn-outline-secondary hide">[[global:search]]</button>
-		</div>
-	</form>
-</div>
+<a component="search/button" id="search-button" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[global:search]]">
+	<span>
+		<i class="fa fa-search fa-fw"></i>
+	</span>
+	<span class="nav-text small visible-open fw-semibold">[[global:search]]</span>
+</a>
+<div class="search-dropdown dropdown-menu p-2 shadow" role="menu">
+	<form component="search/form" id="search-form" class="d-flex justify-content-end align-items-center" role="search" method="GET">
+		<div component="search/fields" class="w-100" id="search-fields">
+			<div class="d-flex gap-1">
+				<input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="" aria-label="[[search:type-to-search]]">
+
+				<a class="btn btn-ghost advanced-search-link p-2" href="{config.relative_path}/search" title="[[search:advanced-search]]">
+					<i class="fa fa-gears text-muted"></i>
+				</a>
+			</div>
+
+			<div id="quick-search-container" class="quick-search-container d-block mt-2 hidden">
+				<div class="form-check filter-category mb-2 ms-2">
+					<input class="form-check-input" type="checkbox" checked>
+					<label class="form-check-label name text-sm"></label>
+				</div>
+
+				<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
+				<div class="quick-search-results-container"></div>
+			</div>
+			<button type="submit" class="btn btn-outline-secondary hide">[[global:search]]</button>
+		</div>
+	</form>
+</div>