nodebb-theme-harmony 2.0.0-pre.8 → 2.0.0

package/templates/partials/users/item.tpl

@@ -1,37 +1,39 @@
-<a href="{config.relative_path}/user/{./userslug}" class="btn-ghost ff-secondary align-items-start justify-content-start p-2 ff-base">
-	{buildAvatar(@value, "48px", true, "flex-shrink-0")}
-	<div class="d-flex flex-column text-truncate">
-		<div class="fw-semibold text-truncate" title="{./displayname}">{./displayname}</div>
-		<div class="text-xs text-muted text-truncate">@{./username}</div>
+<div>
+	<a href="{config.relative_path}/user/{./userslug}" class="btn btn-ghost gap-2 ff-base d-flex align-items-start justify-content-start p-2 text-start">
+		{buildAvatar(@value, "48px", true, "flex-shrink-0")}
+		<div class="d-flex flex-column gap-1 text-truncate">
+			<div class="fw-semibold text-truncate" title="{./displayname}">{./displayname}</div>
+			<div class="text-xs text-muted text-truncate">@{./username}</div>
 
-		{{{ if section_online }}}
-		<div class="text-xs text-muted text-truncate">
-			<span class="timeago" title="{./lastonlineISO}"></span>
-		</div>
-		{{{ end }}}
+			{{{ if section_online }}}
+			<div class="text-xs text-muted text-truncate">
+				<span class="timeago" title="{./lastonlineISO}"></span>
+			</div>
+			{{{ end }}}
 
-		{{{ if section_joindate }}}
-		<div class="text-xs text-muted text-truncate">
-			<span class="timeago" title="{./joindateISO}"></span>
-		</div>
-		{{{ end }}}
+			{{{ if section_joindate }}}
+			<div class="text-xs text-muted text-truncate">
+				<span class="timeago" title="{./joindateISO}"></span>
+			</div>
+			{{{ end }}}
 
-		{{{ if section_sort-reputation }}}
-		<div class="text-xs text-muted text-truncate">
-			<span>{formattedNumber(./reputation)}</span>
-		</div>
-		{{{ end }}}
+			{{{ if section_sort-reputation }}}
+			<div class="text-xs text-muted text-truncate">
+				<span>{formattedNumber(./reputation)}</span>
+			</div>
+			{{{ end }}}
 
-		{{{ if section_sort-posts }}}
-		<div class="text-xs text-muted text-truncate">
-			<span>{formattedNumber(./postcount)}</span>
-		</div>
-		{{{ end }}}
+			{{{ if section_sort-posts }}}
+			<div class="text-xs text-muted text-truncate">
+				<span>{formattedNumber(./postcount)}</span>
+			</div>
+			{{{ end }}}
 
-		{{{ if section_flagged }}}
-		<div class="text-xs text-muted text-truncate">
-			<span>{formattedNumber(./flags)}</span>
+			{{{ if section_flagged }}}
+			<div class="text-xs text-muted text-truncate">
+				<span>{formattedNumber(./flags)}</span>
+			</div>
+			{{{ end }}}
 		</div>
-		{{{ end }}}
-	</div>
-</a>
+	</a>
+</div>

package/templates/partials/users_list_menu.tpl

@@ -1,15 +1,15 @@
 <div component="user/list/menu" class="text-sm d-flex flex-wrap align-items-center gap-2">
-	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=online">[[global:online]]</a>
+	<a class="btn btn-ghost btn-sm ff-secondary fw-semibold" href="{config.relative_path}/users?section=online">[[global:online]]</a>
 
-	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=sort-posts">[[users:top-posters]]</a>
+	<a class="btn btn-ghost btn-sm ff-secondary fw-semibold" href="{config.relative_path}/users?section=sort-posts">[[users:top-posters]]</a>
 
 	{{{ if !reputation:disabled }}}
-	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=sort-reputation">[[users:most-reputation]]</a>
+	<a class="btn btn-ghost btn-sm ff-secondary fw-semibold" href="{config.relative_path}/users?section=sort-reputation">[[users:most-reputation]]</a>
 	{{{ end }}}
 
 	{{{ if isAdminOrGlobalMod }}}
-	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=flagged">[[users:most-flags]]</a>
+	<a class="btn btn-ghost btn-sm ff-secondary fw-semibold" href="{config.relative_path}/users?section=flagged">[[users:most-flags]]</a>
 
-	<a class="btn-ghost ff-secondary fw-semibold" href="{config.relative_path}/users?section=banned">[[user:banned]]</a>
+	<a class="btn btn-ghost btn-sm ff-secondary fw-semibold" href="{config.relative_path}/users?section=banned">[[user:banned]]</a>
 	{{{ end }}}
 </div>

package/templates/post-queue.tpl

@@ -20,7 +20,7 @@
 		</div>
 
 		<div class="btn-group bottom-sheet" component="post-queue/bulk-actions">
-			<button type="button" class="btn-ghost-sm ff-secondary dropdown-toggle" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
+			<button type="button" class="btn btn-ghost btn-sm ff-secondary dropdown-toggle d-flex align-items-center gap-2" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
 				<i class="fa fa-clone text-primary"></i><span class="fw-semibold"> [[post-queue:bulk-actions]]</span>
 			</button>
 			<ul class="dropdown-menu p-1 text-sm dropdown-menu-end" role="menu">
@@ -78,7 +78,7 @@
 								[[post-queue:user]]
 								{{{ if ((privileges.ban || privileges.mute) || privileges.admin:users) }}}
 								<div class="ms-auto btn-group bottom-sheet">
-									<button href="#" class="btn btn-ghost-sm ff-secondary border text-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[global:actions]]</button>
+									<button href="#" class="btn btn-ghost btn-sm ff-secondary border text-xs dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">[[global:actions]]</button>
 									<ul class="dropdown-menu p-1 text-sm" role="menu">
 										{{{ if privileges.view:users:info }}}
 										<li><a class="dropdown-item rounded-1" href="{config.relative_path}/user/{./user.userslug}/info" role="menuitem">[[user:account-info]]</a></li>
@@ -198,6 +198,10 @@
 					<div class="post-content-editable flex-grow-1 hidden">
 						<textarea class="form-control w-100 h-100 p-3">{posts.data.rawContent}</textarea>
 					</div>
+					<div component="post-queue/link-container" class="hidden border-top mx-3 py-3">
+						<label class="text-secondary form-text mb-2">[[post-queue:links-in-this-post]]</label>
+						<ul component="post-queue/link-container/list" class="text-sm"></ul>
+					</div>
 				</div>
 			</div>
 		</div>

package/templates/recent.tpl

@@ -15,6 +15,13 @@
 			<div class="alert alert-info" id="category-no-topics">[[recent:no-recent-topics]]</div>
 			{{{ end }}}
 
+			{{{ if (selectedCategory.cid == "-1") }}}
+			<div class="py-3">
+				<h4>[[recent:uncategorized.title]]</h4>
+				<p>[[recent:uncategorized.intro]]</p>
+			</div>
+			{{{ end }}}
+
 			<!-- IMPORT partials/topics_list.tpl -->
 
 			{{{ if config.usePagination }}}

package/templates/topic.tpl

@@ -4,123 +4,116 @@
 {{{ end }}}
 {{{ if widgets.header.length }}}
 <div data-widget-area="header">
-	{{{each widgets.header}}}
-	{{widgets.header.html}}
-	{{{end}}}
+{{{each widgets.header}}}
+{{widgets.header.html}}
+{{{end}}}
 </div>
 {{{ end }}}
 
-<div class="d-flex flex-column gap-3" itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
-	<meta itemprop="headline" content="{title}">
+<div itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
+	<meta itemprop="headline" content="{escape(titleRaw)}">
+	<meta itemprop="text" content="{escape(titleRaw)}">
 	<meta itemprop="url" content="{url}">
 	<meta itemprop="datePublished" content="{timestampISO}">
 	<meta itemprop="dateModified" content="{lastposttimeISO}">
-	<meta itemprop="author" itemscope itemtype="https://schema.org/Person" itemref="topicAuthorName{{{ if author.userslug }}} topicAuthorUrl{{{ end }}}">
-	<meta id="topicAuthorName" itemprop="name" content="{author.username}">
-	{{{ if author.userslug }}}<meta id="topicAuthorUrl" itemprop="url" content="{config.relative_path}/user/{author.userslug}">{{{ end }}}
-	<div class="d-flex flex-wrap">
-		<div class="d-flex flex-column gap-3 flex-grow-1">
-			<h1 component="post/header" class="tracking-tight fw-semibold fs-3 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
-				<span class="topic-title" component="topic/title">{title}</span>
-			</h1>
+	<div itemprop="author" itemscope itemtype="https://schema.org/Person">
+		<meta itemprop="name" content="{author.username}">
+		{{{ if author.userslug }}}<meta itemprop="url" content="{config.relative_path}/user/{author.userslug}">{{{ end }}}
+	</div>
 
-			<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
-				<span component="topic/labels" class="d-flex gap-2 {{{ if (!scheduled && (!pinned && (!locked && (!oldCid && !icons.length)))) }}}hidden{{{ end }}}">
-					<span component="topic/scheduled" class="badge badge border border-gray-300 text-body {{{ if !scheduled }}}hidden{{{ end }}}">
-						<i class="fa fa-clock-o"></i>
-						[[topic:scheduled]]
-					</span>
-					<span component="topic/pinned" class="badge badge border border-gray-300 text-body {{{ if (scheduled || !pinned) }}}hidden{{{ end }}}">
-						<i class="fa fa-thumb-tack"></i>
-						{{{ if !pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {isoTimeToLocaleString(./pinExpiryISO, config.userLang)}]]{{{ end }}}
-					</span>
-					<span component="topic/locked" class="badge badge border border-gray-300 text-body {{{ if !locked }}}hidden{{{ end }}}">
-						<i class="fa fa-lock"></i>
-						[[topic:locked]]
+	<div class="d-flex flex-column gap-3">
+		<div class="d-flex flex-wrap">
+			<div class="d-flex flex-column gap-3 flex-grow-1">
+				<h1 component="post/header" class="tracking-tight fw-semibold fs-3 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
+					<span class="topic-title" component="topic/title">{title}</span>
+				</h1>
+
+				<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
+					<span component="topic/labels" class="d-flex gap-2 {{{ if (!scheduled && (!pinned && (!locked && (!oldCid && !icons.length)))) }}}hidden{{{ end }}}">
+						<span component="topic/scheduled" class="badge badge border border-gray-300 text-body {{{ if !scheduled }}}hidden{{{ end }}}">
+							<i class="fa fa-clock-o"></i> [[topic:scheduled]]
+						</span>
+						<span component="topic/pinned" class="badge badge border border-gray-300 text-body {{{ if (scheduled || !pinned) }}}hidden{{{ end }}}">
+							<i class="fa fa-thumb-tack"></i> {{{ if !pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {isoTimeToLocaleString(./pinExpiryISO, config.userLang)}]]{{{ end }}}
+						</span>
+						<span component="topic/locked" class="badge badge border border-gray-300 text-body {{{ if !locked }}}hidden{{{ end }}}">
+							<i class="fa fa-lock"></i> [[topic:locked]]
+						</span>
+						<a component="topic/moved" href="{config.relative_path}/category/{oldCid}" class="badge badge border border-gray-300 text-body text-decoration-none {{{ if (!oldCid || (oldCid == "-1")) }}}hidden{{{ end }}}">
+							<i class="fa fa-arrow-circle-right"></i> {{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}
+						</a>
+						{{{each icons}}}<span class="lh-1">{@value}</span>{{{end}}}
 					</span>
-					<a href="{config.relative_path}/category/{oldCid}" class="badge badge border border-gray-300 text-body text-decoration-none {{{ if !oldCid }}}hidden{{{ end }}}">
-						<i class="fa fa-arrow-circle-right"></i>
-						{{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}
-					</a>
-					{{{each icons}}}<span class="lh-1">{@value}</span>{{{end}}}
-				</span>
-				{function.buildCategoryLabel, category, "a", "border"}
-				<div data-tid="{./tid}" component="topic/tags" class="lh-1 tags tag-list d-flex flex-wrap hidden-xs hidden-empty gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
-				<div class="d-flex hidden-xs gap-2">
-					<!-- IMPORT partials/topic/stats.tpl -->
+					{function.buildCategoryLabel, category, "a", "border"}
+					<div data-tid="{./tid}" component="topic/tags" class="lh-1 tags tag-list d-flex flex-wrap hidden-xs hidden-empty gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
+					<div class="d-flex hidden-xs gap-2"><!-- IMPORT partials/topic/stats.tpl --></div>
 				</div>
 			</div>
+			<div class="d-flex gap-2 align-items-center mt-2 hidden-empty" component="topic/thumb/list"><!-- IMPORT partials/topic/thumbs.tpl --></div>
 		</div>
-		<div class="d-flex gap-2 justify-content-end align-items-center mt-2 hidden-empty" component="topic/thumb/list"><!-- IMPORT partials/topic/thumbs.tpl --></div>
-	</div>
-
-	<div class="row mb-4 mb-lg-0">
-		<div class="topic {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
-			<!-- IMPORT partials/post_bar.tpl -->
-
-			{{{ if merger }}}
-			<!-- IMPORT partials/topic/merged-message.tpl -->
-			{{{ end }}}
 
-			{{{ if forker }}}
-			<!-- IMPORT partials/topic/forked-message.tpl -->
-			{{{ end }}}
+		<div class="row mb-4 mb-lg-0">
+			<div class="topic {{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
+				<!-- IMPORT partials/post_bar.tpl -->
+				{{{ if merger }}}
+				<!-- IMPORT partials/topic/merged-message.tpl -->
+				{{{ end }}}
+				{{{ if forker }}}
+				<!-- IMPORT partials/topic/forked-message.tpl -->
+				{{{ end }}}
+				{{{ if !scheduled }}}
+				<!-- IMPORT partials/topic/deleted-message.tpl -->
+				{{{ end }}}
 
-			{{{ if !scheduled }}}
-			<!-- IMPORT partials/topic/deleted-message.tpl -->
-			{{{ end }}}
+				<div class="d-flex gap-0 gap-lg-5">
+					<div class="posts-container" style="min-width: 0;">
+						<ul component="topic" class="posts timeline list-unstyled mt-sm-2 p-0 py-3" style="min-width: 0;" data-tid="{tid}" data-cid="{cid}">
+						{{{ each posts }}}
+							<li component="post" class="pt-4 {{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
+								<a component="post/anchor" data-index="{./index}" id="{increment(./index, "1")}"></a>
+								<meta itemprop="datePublished" content="{./timestampISO}">
+								{{{ if ./editedISO }}}
+								<meta itemprop="dateModified" content="{./editedISO}">
+								{{{ end }}}
 
-			<div class="d-flex gap-0 gap-lg-5">
-				<div class="posts-container" style="min-width: 0;">
-					<ul component="topic" class="posts timeline list-unstyled mt-sm-2 p-0 py-3" style="min-width: 0;" data-tid="{tid}" data-cid="{cid}">
-					{{{ each posts }}}
-						<li component="post" class="pt-4 {{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
-							<a component="post/anchor" data-index="{./index}" id="{increment(./index, "1")}"></a>
-
-							<meta itemprop="datePublished" content="{./timestampISO}">
-							{{{ if ./editedISO }}}
-							<meta itemprop="dateModified" content="{./editedISO}">
+								<!-- IMPORT partials/topic/post.tpl -->
+							</li>
+							{{{ if (config.topicPostSort != "most_votes") }}}
+							{{{ each ./events}}}<!-- IMPORT partials/topic/event.tpl -->{{{ end }}}
 							{{{ end }}}
-
-							<!-- IMPORT partials/topic/post.tpl -->
-						</li>
-						{{{ if (config.topicPostSort != "most_votes") }}}
-						{{{ each ./events}}}
-						<!-- IMPORT partials/topic/event.tpl -->
 						{{{ end }}}
+						</ul>
+						{{{ if browsingUsers }}}
+						<div class="visible-xs">
+							<!-- IMPORT partials/topic/browsing-users.tpl -->
+							<hr/>
+						</div>
+						{{{ end }}}
+						{{{ if config.theme.enableQuickReply }}}
+						<!-- IMPORT partials/topic/quickreply.tpl -->
 						{{{ end }}}
-					{{{ end }}}
-					</ul>
-					{{{ if browsingUsers }}}
-					<div class="visible-xs">
-						<!-- IMPORT partials/topic/browsing-users.tpl -->
-						<hr/>
 					</div>
-					{{{ end }}}
-					{{{ if config.theme.enableQuickReply }}}
-					<!-- IMPORT partials/topic/quickreply.tpl -->
-					{{{ end }}}
+
+					<!-- IMPORT partials/topic/navigator.tpl -->
 				</div>
 
-				<!-- IMPORT partials/topic/navigator.tpl -->
+				{{{ if config.usePagination }}}
+				<!-- IMPORT partials/paginator.tpl -->
+				{{{ end }}}
 			</div>
-
-			{{{ if config.usePagination }}}
-			<!-- IMPORT partials/paginator.tpl -->
-			{{{ end }}}
-		</div>
-		<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
+			<div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
 			{{{each widgets.sidebar}}}
 			{{widgets.sidebar.html}}
 			{{{end}}}
+			</div>
 		</div>
 	</div>
 </div>
 
 <div data-widget-area="footer">
-	{{{each widgets.footer}}}
-	{{widgets.footer.html}}
-	{{{end}}}
+{{{each widgets.footer}}}
+{{widgets.footer.html}}
+{{{end}}}
 </div>
 
 {{{ if !config.usePagination }}}

package/templates/users.tpl

@@ -9,7 +9,7 @@
 		<div class="mb-2 mb-md-0">
 		<!-- IMPORT partials/users_list_menu.tpl -->
 		</div>
-		<div class="">
+		<div>
 			<div class="d-flex justify-content-end gap-2">
 				{{{ if showInviteButton }}}
 				<button component="user/invite" class="btn btn-primary btn-sm text-nowrap"><i class="fa fa-user-plus"></i> [[users:invite]]</button>
@@ -17,7 +17,7 @@
 				{{{ if displayUserSearch }}}
 				<div class="search">
 					<div class="input-group">
-						<input class="form-control form-control-sm" id="search-user" type="text" placeholder="[[global:search]]"/>
+						<input class="form-control form-control-sm" id="search-user" type="text" placeholder="[[global:search]]" autocomplete="off" />
 						<button class="btn btn-primary btn-sm" type="button" aria-label="[[global:search]]">
 							<i component="user/search/icon" class="fa fa-search"></i>
 						</button>

package/templates/world.tpl

@@ -6,13 +6,44 @@
 </div>
 {{{ end }}}
 
+<div class="category-header d-flex flex-column gap-2">
+	<div class="d-flex gap-2 align-items-center mb-1 {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
+		{buildCategoryIcon(@value, "40px", "rounded-1 flex-shrink-0")}
+		<h1 class="tracking-tight fs-2 fw-semibold mb-0 text-center">{./name}</h1>
+	</div>
+	{{{ if ./descriptionParsed }}}
+	<p class="description text-secondary text-sm w-100 {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
+		{./descriptionParsed}
+	</p>
+	{{{ end }}}
+
+	<p class="description text-secondary text-sm w-100 {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
+		<a class="btn btn-sm btn-link" href="{config.relative_path}/popular?term=daily&cid=-1">[[world:popular]]</a>
+		<a class="btn btn-sm btn-link" href="{config.relative_path}/recent?cid=-1">[[world:recent]]</a>
+		<button class="btn btn-sm btn-link" id="world-help">
+			<i class="fa fa-question"></i>
+			[[world:help]]
+		</button>
+	</p>
+</div>
+
 <div class="row">
 	<div class="world {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
 		<!-- IMPORT partials/topic-list-bar.tpl -->
 
 		<div class="category">
 			{{{ if !topics.length }}}
-			<div class="alert alert-info" id="category-no-topics">[[activitypub:no-topics]]</div>
+			<div class="row">
+				<div class="col-md-10 offset-md-1 d-flex align-items-center">
+					<div>
+						<h2 class="fs-4 mb-3">[[world:onboard.title]]</h2>
+						<p>[[world:onboard.what]]</p>
+						<p>[[world:onboard.why]]</p>
+						<p>[[world:onboard.how]]</p>
+					</div>
+					<i class="fa fa-comment-nodes fa-8x p-3"></i>
+				</div>
+			</div>
 			{{{ end }}}
 
 			<!-- IMPORT partials/topics_list.tpl -->

package/scss/modules/bottom-sheet.scss

@@ -1,52 +0,0 @@
-.bottom-sheet {
-	@include media-breakpoint-down(md) {
-		.dropdown-menu {
-			display: block;
-			visibility: hidden;
-
-			position: fixed!important;
-			inset: auto 0 0 0!important;
-
-			margin: 0 -1px -1px -1px;
-			padding: $spacer * 0.25 !important;
-			max-height: 60%;
-
-			box-shadow: 0 2px 6px rgba(0,0,0,0.35);
-			overflow: auto;
-			-webkit-overflow-scrolling: touch;
-			transform: translate3d(0, 350px, 0);
-			transition: transform 0.3s, visibility 0s 0.3s;
-			z-index: $zindex-popover;
-			padding: 5px 0 10px;
-
-			border-radius: 0;
-			border: 0px;
-			border-top: 1px solid $border-color;
-
-			> li {
-				> a, .dropdown-item {
-					padding: 10px 20px;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					white-space: nowrap;
-				}
-
-				&.divider {
-					padding: 0;
-				}
-			}
-		}
-
-		.dropdown-menu.show {
-			transform: none!important;
-			visibility: visible;
-			transition-delay: 0s;
-			top: auto;
-			width: auto;
-		}
-
-		.dropdown-backdrop {
-			background-color: rgba(0, 0, 0, .3);
-		}
-	}
-}