nodebb-theme-harmony 3.1.4 → 3.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "3.1.4",
3
+ "version": "3.1.6",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.14.0"
6
6
  },
@@ -1,14 +1,10 @@
1
- .navigator-mobile {
2
- .pagination-block {
3
- .scroller-container {
4
- border-right: 3px solid;
5
- margin-right: 5.5px;
6
- .scroller-thumb {
7
- right: -6px;
8
- padding-right: 15px;
9
- margin-right: -15px;
10
- }
11
- }
1
+ .navigator-mobile .pagination-block .scroller-container {
2
+ border-right: 3px solid;
3
+ margin-right: 5.5px;
4
+ .scroller-thumb {
5
+ right: -6px;
6
+ padding-right: 15px;
7
+ margin-right: -15px;
12
8
  }
13
9
  }
14
10
 
@@ -18,7 +14,6 @@
18
14
  }
19
15
  .nav-text {
20
16
  font-size: 1rem;
21
- color: $body-color;
22
17
  }
23
18
  .nav-link {
24
19
  padding: 8px;
@@ -5,9 +5,7 @@
5
5
  font-family: $font-family-sans-serif;
6
6
  font-weight: $font-weight-semibold;
7
7
  }
8
-
9
- a, span {
10
- color: $body-color;
11
- font-size: $small-font-size;
8
+ &.active {
9
+ color: var(--bs-body-color);
12
10
  }
13
11
  }
@@ -59,7 +59,6 @@ $small-font-size: 0.875rem !default;
59
59
  $breadcrumb-divider: quote("→");
60
60
  $breadcrumb-divider-rtl: quote("←");
61
61
  $breadcrumb-divider-color: $gray-500 !default;
62
- $breadcrumb-active-color: $body-color !default;
63
62
  $breadcrumb-item-padding-x: 12px !default;
64
63
 
65
64
  html[data-dir="rtl"] {
package/scss/sidebar.scss CHANGED
@@ -1,20 +1,20 @@
1
1
  .skin-noskin {
2
2
  // only using colors when there is no bootswatch skin applied
3
- nav.sidebar, .bottombar-nav {
4
- color: $secondary !important;
5
- background-color: $light !important;
3
+ --nav-color: #{$secondary};
4
+ --nav-bg: #{$light};
5
+ [data-bs-theme="dark"] & {
6
+ --nav-color: #{$light};
7
+ --nav-bg: #{$dark};
6
8
  }
7
- .bottombar-nav {
8
- .dropdown-menu {
9
- color: $secondary !important;
10
- background-color: $light !important;
11
- }
9
+ nav.sidebar,
10
+ .bottombar-nav,
11
+ .bottombar-nav .dropdown-menu {
12
+ color: var(--nav-color) !important;
13
+ background-color: var(--nav-bg) !important;
12
14
  }
13
15
  }
14
16
 
15
17
  .sidebar {
16
- $hover-color: mix($light, $dark, 90%);
17
-
18
18
  @include media-breakpoint-up(lg) {
19
19
  &.open {
20
20
  min-width: 200px;
@@ -52,11 +52,8 @@
52
52
  padding: ($spacer * 0.25) ($spacer * 0.5);
53
53
  border-radius: $border-radius-sm;
54
54
  cursor: pointer;
55
- &.active {
56
- background-color: $hover-color;
57
- }
58
- &:hover {
59
- background-color: $hover-color;
55
+ &.active, &:hover {
56
+ background-color: var(--btn-ghost-hover-color);
60
57
  }
61
58
  }
62
59
 
@@ -3,8 +3,8 @@
3
3
  {{{ each breadcrumbs }}}
4
4
  <li{{{ if @last }}} component="breadcrumb/current"{{{ end }}} itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" class="breadcrumb-item {{{ if @last }}}active{{{ end }}}">
5
5
  <meta itemprop="position" content="{increment(@index, "1")}" />
6
- {{{ if ./url }}}<a href="{./url}" itemprop="item">{{{ end }}}
7
- <span class="fw-semibold" itemprop="name">{{tx(./text)}}</span>
6
+ {{{ if ./url }}}<a href="{./url}" itemprop="item" class="text-reset">{{{ end }}}
7
+ <span class="fw-semibold text-sm" itemprop="name">{{tx(./text)}}</span>
8
8
  {{{ if ./url }}}</a>{{{ end }}}
9
9
  </li>
10
10
  {{{ end }}}
@@ -17,7 +17,7 @@
17
17
  </div>
18
18
  {{{ end }}}
19
19
  {{{ if widgets.brand-header.length }}}
20
- <div data-widget-area="brand-header" class="flex-fill gap-3 p-2 align-self-center">
20
+ <div data-widget-area="brand-header" class="flex-fill gap-3 p-2 align-self-center d-flex gap-2 justify-content-end align-items-center">
21
21
  {{{each widgets.brand-header}}}
22
22
  {{./html}}
23
23
  {{{end}}}
@@ -99,7 +99,7 @@
99
99
  </span>
100
100
 
101
101
  <span class="ms-2 replies-count fw-semibold text-nowrap" component="post/reply-count/text" data-replies="{posts.replies.count}">{{tx(posts.replies.text)}}</span>
102
- <span class="ms-2 replies-last hidden-xs fw-semibold">{{tx("topic:last-reply-time")}} <span class="timeago" title="{{isoTimeToLocaleString(posts.replies.timestampISO, config.userLang)}}"></span></span>
102
+ <span class="ms-2 replies-last hidden-xs fw-semibold">{{tx("topic:last-reply-time")}} <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
103
103
 
104
104
  <i class="fa fa-fw fa-chevron-down" component="post/replies/open"></i>
105
105
  </a>