nodebb-theme-harmony 2.0.1 → 2.0.2

package/scss/sidebar.scss

@@ -1,188 +1,188 @@
-.skin-noskin {
-	// only using colors when there is no bootswatch skin applied
-	nav.sidebar, .bottombar-nav {
-		color: $secondary !important;
-		background-color: $light !important;
-	}
-	.bottombar-nav {
-		.dropdown-menu {
-			color: $secondary !important;
-			background-color: $light !important;
-		}
-	}
-}
-
-.sidebar {
-	$hover-color: mix($light, $dark, 90%);
-
-	@include media-breakpoint-up(lg) {
-		&.open {
-			min-width: 200px;
-			max-width: 200px;
-			width: 200px;
-
-			.sidebar-toggle {
-				.fa-angles-right { display: none; }
-				.fa-angles-left { display: inline-block; }
-			}
-			.visible-open { display: initial; }
-			.visible-closed { display: none; }
-			hr.visible-open { display: block; }
-			.truncate-open {
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-			}
-			.sidebar-toggle-container {
-				width: 100%
-			}
-		}
-	}
-	.visible-open {	display: none; }
-	.visible-closed {display: initial; }
-
-	.truncate-open {
-		overflow: initial;
-		text-overflow: initial;
-		white-space: initial;
-	}
-
-	.nav-link {
-		@extend .ff-secondary;
-		padding: ($spacer * 0.25) ($spacer * 0.5);
-		border-radius: $border-radius-sm;
-		cursor: pointer;
-		&.active {
-			background-color: $hover-color;
-		}
-		&:hover {
-			background-color: $hover-color;
-		}
-	}
-
-	.nav-item {
-		.dropdown-menu .dropdown-item {
-			@extend .rounded-1;
-		}
-	}
-
-	#user_dropdown .avatar {
-		margin: 2px 0; // fixes the avatar so its height is same as the icons on right sidebar
-	}
-
-	.sidebar-toggle {
-		justify-content: start;
-		.fa-angles-right { display: inline-block; }
-		.fa-angles-left { display: none; }
-	}
-
-	.search-dropdown {
-		width: 300px;
-	}
-
-	.chats-dropdown, .notifications-dropdown, .drafts-dropdown {
-		min-width: 300px;
-		width: 300px;
-		.list-container {
-			max-height: 400px;
-			overflow-y: auto;
-		}
-	}
-
-	.badge {
-		font-size: 9px;
-		line-height: 12px;
-		&.visible-open {
-			font-size:12px;
-			line-height: 12px;
-			font-weight: normal;
-		}
-	}
-
-	[data-widget-area="sidebar-footer"] {
-		font-size: $font-size-base * 0.75;
-	}
-}
-
- /*rtl:begin:ignore*/
- html[data-dir="rtl"] {
-	.sidebar {
-		&.open {
-			.sidebar-toggle {
-				.fa-angles-right { display: none; }
-				.fa-angles-left { display: inline-block; }
-			}
-		}
-		.sidebar-toggle {
-			.fa-angles-right { display: inline-block; }
-			.fa-angles-left { display: none; }
-		}
-	}
-}
- /*rtl:end:ignore*/
-
-.bottombar {
-	transition: bottom 150ms linear;
-
-	.pagination-block {
-		.scroller-container {
-			border-right: 3px solid;
-			margin-right: 5.5px;
-			.scroller-thumb {
-				right: -6px;
-				padding-right: 15px;
-				margin-right: -15px;
-			}
-		}
-	}
-}
-
-.bottombar-nav {
-	#user_dropdown .avatar {
-		margin: 2px 0; // fixes the avatar so its height is same as the icons on right sidebar
-	}
-	.nav-text {
-		font-size: 1rem;
-		color: $body-color;
-	}
-	.nav-link {
-		padding: 8px;
-		border-radius: $border-radius-sm;
-	}
-	.usermenu, .chats, .notifications, .drafts, .search, .logged-out-menu {
-		.visible-open { display: none; }
-	}
-	.badge {
-		font-size: 9px;
-		line-height: 12px;
-	}
-
-	.dropdown-menu {
-		left: 0!important;
-		right: 0!important;
-		box-shadow: none!important;
-		border-left: 0;
-		border-right: 0;
-		border-radius: 0;
-		.list-container {
-			max-height: 60vh!important;
-			overflow-y: auto!important;
-		}
-	}
-
-	.navigation-dropdown, .user-dropdown {
-		> li {
-			> a, .dropdown-item {
-				padding: 10px 20px!important;
-			}
-		}
-
-		max-height: 60vh!important;
-		overflow: auto!important;
-	}
-
-	.search-dropdown .quick-search-results {
-		max-height: 225px!important;
-		overflow-y: auto!important;
-	}
-}
+.skin-noskin {
+	// only using colors when there is no bootswatch skin applied
+	nav.sidebar, .bottombar-nav {
+		color: $secondary !important;
+		background-color: $light !important;
+	}
+	.bottombar-nav {
+		.dropdown-menu {
+			color: $secondary !important;
+			background-color: $light !important;
+		}
+	}
+}
+
+.sidebar {
+	$hover-color: mix($light, $dark, 90%);
+
+	@include media-breakpoint-up(lg) {
+		&.open {
+			min-width: 200px;
+			max-width: 200px;
+			width: 200px;
+
+			.sidebar-toggle {
+				.fa-angles-right { display: none; }
+				.fa-angles-left { display: inline-block; }
+			}
+			.visible-open { display: initial; }
+			.visible-closed { display: none; }
+			hr.visible-open { display: block; }
+			.truncate-open {
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+			.sidebar-toggle-container {
+				width: 100%
+			}
+		}
+	}
+	.visible-open {	display: none; }
+	.visible-closed {display: initial; }
+
+	.truncate-open {
+		overflow: initial;
+		text-overflow: initial;
+		white-space: initial;
+	}
+
+	.nav-link {
+		@extend .ff-secondary;
+		padding: ($spacer * 0.25) ($spacer * 0.5);
+		border-radius: $border-radius-sm;
+		cursor: pointer;
+		&.active {
+			background-color: $hover-color;
+		}
+		&:hover {
+			background-color: $hover-color;
+		}
+	}
+
+	.nav-item {
+		.dropdown-menu .dropdown-item {
+			@extend .rounded-1;
+		}
+	}
+
+	#user_dropdown .avatar {
+		margin: 2px 0; // fixes the avatar so its height is same as the icons on right sidebar
+	}
+
+	.sidebar-toggle {
+		justify-content: start;
+		.fa-angles-right { display: inline-block; }
+		.fa-angles-left { display: none; }
+	}
+
+	.search-dropdown {
+		width: 300px;
+	}
+
+	.chats-dropdown, .notifications-dropdown, .drafts-dropdown {
+		min-width: 300px;
+		width: 300px;
+		.list-container {
+			max-height: 400px;
+			overflow-y: auto;
+		}
+	}
+
+	.badge {
+		font-size: 9px;
+		line-height: 12px;
+		&.visible-open {
+			font-size:12px;
+			line-height: 12px;
+			font-weight: normal;
+		}
+	}
+
+	[data-widget-area="sidebar-footer"] {
+		font-size: $font-size-base * 0.75;
+	}
+}
+
+ /*rtl:begin:ignore*/
+ html[data-dir="rtl"] {
+	.sidebar {
+		&.open {
+			.sidebar-toggle {
+				.fa-angles-right { display: none; }
+				.fa-angles-left { display: inline-block; }
+			}
+		}
+		.sidebar-toggle {
+			.fa-angles-right { display: inline-block; }
+			.fa-angles-left { display: none; }
+		}
+	}
+}
+ /*rtl:end:ignore*/
+
+.bottombar {
+	transition: bottom 150ms linear;
+
+	.pagination-block {
+		.scroller-container {
+			border-right: 3px solid;
+			margin-right: 5.5px;
+			.scroller-thumb {
+				right: -6px;
+				padding-right: 15px;
+				margin-right: -15px;
+			}
+		}
+	}
+}
+
+.bottombar-nav {
+	#user_dropdown .avatar {
+		margin: 2px 0; // fixes the avatar so its height is same as the icons on right sidebar
+	}
+	.nav-text {
+		font-size: 1rem;
+		color: $body-color;
+	}
+	.nav-link {
+		padding: 8px;
+		border-radius: $border-radius-sm;
+	}
+	.usermenu, .chats, .notifications, .drafts, .search, .logged-out-menu {
+		.visible-open { display: none; }
+	}
+	.badge {
+		font-size: 9px;
+		line-height: 12px;
+	}
+
+	.dropdown-menu {
+		left: 0!important;
+		right: 0!important;
+		box-shadow: none!important;
+		border-left: 0;
+		border-right: 0;
+		border-radius: 0;
+		.list-container {
+			max-height: 60vh!important;
+			overflow-y: auto!important;
+		}
+	}
+
+	.navigation-dropdown, .user-dropdown {
+		> li {
+			> a, .dropdown-item {
+				padding: 10px 20px!important;
+			}
+		}
+
+		max-height: 60vh!important;
+		overflow: auto!important;
+	}
+
+	.search-dropdown .quick-search-results {
+		max-height: 225px!important;
+		overflow-y: auto!important;
+	}
+}

package/scss/skins.scss

@@ -1,59 +1,59 @@
-.skin-quartz {
-	// $body-bg-image is gradient in quartz
-	[component="post"] .icon {
-		background-color: transparent !important;
-	}
-	.form-control::placeholder {
-		color:$gray-100!important;
-	}
-}
-
-.skin-solar {
-	.form-control::placeholder {
-		color:$gray-100!important;
-	}
-}
-
-.skin-quartz, .skin-lux, .skin-morph {
-	// $spacer being modified looks bad on this element
-	.topic-list-header .btn, .topic-main-buttons .btn {
-		padding: 6px 12px;
-	}
-}
-
-.skin-yeti {
-	.badge {
-		padding-left: 0.5rem;
-		padding-right: 0.5rem;
-	}
-}
-
-// table color fix, remove once https://github.com/thomaspark/bootswatch/issues/1276 is published
-.skin-darkly, .skin-superhero, .skin-solar, .skin-quartz {
-	table > :not(caption) > * > * {
-		color: white;
-	}
-}
-
-.skin-superhero {
-	// fix read button in dropdowns
-	.mark-read .read {
-		color: $primary!important;
-	}
-}
-
-.skin-slate {
-	// fix unread button colors in dropdowns
-	.mark-read .unread {
-		color: $secondary!important;
-	}
-}
-
-:root {
-	.skin-darkly, .skin-slate, .skin-cyborg {
-		--bs-border-color: #929292;
-	}
-	.skin-zephyr {
-		--bs-secondary-rgb: var(--bs-secondary-color);
-	}
+.skin-quartz {
+	// $body-bg-image is gradient in quartz
+	[component="post"] .icon {
+		background-color: transparent !important;
+	}
+	.form-control::placeholder {
+		color:$gray-100!important;
+	}
+}
+
+.skin-solar {
+	.form-control::placeholder {
+		color:$gray-100!important;
+	}
+}
+
+.skin-quartz, .skin-lux, .skin-morph {
+	// $spacer being modified looks bad on this element
+	.topic-list-header .btn, .topic-main-buttons .btn {
+		padding: 6px 12px;
+	}
+}
+
+.skin-yeti {
+	.badge {
+		padding-left: 0.5rem;
+		padding-right: 0.5rem;
+	}
+}
+
+// table color fix, remove once https://github.com/thomaspark/bootswatch/issues/1276 is published
+.skin-darkly, .skin-superhero, .skin-solar, .skin-quartz {
+	table > :not(caption) > * > * {
+		color: white;
+	}
+}
+
+.skin-superhero {
+	// fix read button in dropdowns
+	.mark-read .read {
+		color: $primary!important;
+	}
+}
+
+.skin-slate {
+	// fix unread button colors in dropdowns
+	.mark-read .unread {
+		color: $secondary!important;
+	}
+}
+
+:root {
+	.skin-darkly, .skin-slate, .skin-cyborg {
+		--bs-border-color: #929292;
+	}
+	.skin-zephyr {
+		--bs-secondary-rgb: var(--bs-secondary-color);
+	}
 }

package/scss/status.scss

@@ -1,25 +1,25 @@
-.status {
-	padding: 3px;
-
-	&.online {
-		background-color: $success;
-	}
-
-	&.away {
-		background-color: $warning;
-	}
-
-	&.dnd {
-		background-color: $danger;
-	}
-
-	&.offline {
-		background-color: $gray-600;
-	}
-}
-
-@include media-breakpoint-up(sm) {
-	.status {
-		padding: 5px;
-	}
+.status {
+	padding: 3px;
+
+	&.online {
+		background-color: $success;
+	}
+
+	&.away {
+		background-color: $warning;
+	}
+
+	&.dnd {
+		background-color: $danger;
+	}
+
+	&.offline {
+		background-color: $gray-600;
+	}
+}
+
+@include media-breakpoint-up(sm) {
+	.status {
+		padding: 5px;
+	}
 }