nodebb-theme-harmony 1.0.60 → 1.0.62

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.
Files changed (11) hide show
  1. package/package.json +1 -1
  2. package/scss/common.scss +0 -1
  3. package/templates/partials/post_bar.tpl +3 -3
  4. package/templates/partials/topic/post.tpl +1 -1
  5. package/templates/partials/topic-list-bar.tpl +3 -3
  6. package/templates/popular.tpl +23 -9
  7. package/templates/recent.tpl +23 -9
  8. package/templates/tag.tpl +23 -11
  9. package/templates/tags.tpl +37 -23
  10. package/templates/top.tpl +23 -9
  11. package/templates/unread.tpl +21 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.0.60",
3
+ "version": "1.0.62",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/common.scss CHANGED
@@ -87,7 +87,6 @@ body:not(.page-user) {
87
87
  z-index: 3;
88
88
  top: 0;
89
89
  padding: 0.25rem 0;
90
- background-color: var(--bs-body-bg);
91
90
  }
92
91
  // quartz doesn't need body-bg for tool background
93
92
  .skin-quartz .sticky-tools {
package/templates/partials/post_bar.tpl CHANGED
@@ -1,7 +1,7 @@
1
1
  <div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}}">
2
- <nav class="navbar navbar-expand my-2 p-0 border-0 rounded topic-main-buttons">
3
- <div class="card card-header flex-row p-2 border rounded w-100 align-items-center">
4
- <ul class="navbar-nav me-auto gap-2 align-items-center flex-wrap">
2
+ <nav class="d-flex flex-nowrap my-2 p-0 border-0 rounded topic-main-buttons">
3
+ <div class="d-flex flex-row p-2 text-bg-light border rounded w-100 align-items-center">
4
+ <ul class="d-flex list-unstyled me-auto mb-0 gap-2 align-items-center flex-wrap">
5
5
  {{{ if loggedIn }}}
6
6
  <button component="topic/mark-unread" class="btn-ghost-sm d-flex gap-2 align-items-center">
7
7
  <i class="fa fa-fw fa-inbox text-primary"></i>
package/templates/partials/topic/post.tpl CHANGED
@@ -7,7 +7,7 @@
7
7
  {{{ end }}}
8
8
 
9
9
  <div class="d-flex align-items-start gap-3">
10
- <div class="icon py-1 bg-body d-none d-sm-block">
10
+ <div class="icon bg-body d-none d-sm-block rounded-circle" style="outline: 2px solid var(--bs-body-bg);">
11
11
  <a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
12
12
  {buildAvatar(posts.user, "48px", true, "", "user/picture")}
13
13
  <span component="user/status" class="position-absolute translate-middle-y border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
package/templates/partials/topic-list-bar.tpl CHANGED
@@ -1,7 +1,7 @@
1
1
  <div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}} mb-3">
2
- <nav class="topic-list-header navbar navbar-expand p-0 border-0 rounded">
3
- <div class="card card-header flex-row p-2 gap-1 border rounded w-100 align-items-center">
4
- <ul component="category/controls" class="navbar-nav me-auto gap-2 align-items-start flex-wrap">
2
+ <nav class="topic-list-header d-flex flex-nowrap my-2 p-0 border-0 rounded">
3
+ <div class="d-flex flex-row p-2 text-bg-light gap-1 border rounded w-100 align-items-center">
4
+ <ul component="category/controls" class="d-flex list-unstyled me-auto mb-0 gap-2 align-items-start flex-wrap">
5
5
  {{{ if template.category }}}
6
6
  <!-- IMPORT partials/category/watch.tpl -->
7
7
  <!-- IMPORT partials/tags/filter-dropdown-left.tpl -->
package/templates/popular.tpl CHANGED
@@ -5,17 +5,31 @@
5
5
  {{{end}}}
6
6
  </div>
7
7
  {{{ end }}}
8
- <div class="popular">
9
- <!-- IMPORT partials/topic-list-bar.tpl -->
10
- <div class="category">
11
- {{{ if !topics.length }}}
12
- <div class="alert alert-info" id="category-no-topics">[[recent:no_popular_topics]]</div>
13
- {{{ end }}}
14
8
 
15
- <!-- IMPORT partials/topics_list.tpl -->
9
+ <div class="row">
10
+ <div class="popular {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
11
+ <!-- IMPORT partials/topic-list-bar.tpl -->
12
+ <div class="category">
13
+ {{{ if !topics.length }}}
14
+ <div class="alert alert-info" id="category-no-topics">[[recent:no_popular_topics]]</div>
15
+ {{{ end }}}
16
+
17
+ <!-- IMPORT partials/topics_list.tpl -->
16
18
 
17
- {{{ if config.usePagination }}}
18
- <!-- IMPORT partials/paginator.tpl -->
19
+ {{{ if config.usePagination }}}
20
+ <!-- IMPORT partials/paginator.tpl -->
21
+ {{{ end }}}
22
+ </div>
23
+ </div>
24
+ <div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
25
+ {{{ each widgets.sidebar }}}
26
+ {{widgets.sidebar.html}}
19
27
  {{{ end }}}
20
28
  </div>
21
29
  </div>
30
+
31
+ <div data-widget-area="footer">
32
+ {{{each widgets.footer}}}
33
+ {{widgets.footer.html}}
34
+ {{{end}}}
35
+ </div>
package/templates/recent.tpl CHANGED
@@ -5,18 +5,32 @@
5
5
  {{{end}}}
6
6
  </div>
7
7
  {{{ end }}}
8
- <div class="recent">
9
- <!-- IMPORT partials/topic-list-bar.tpl -->
10
8
 
11
- <div class="category">
12
- {{{ if !topics.length }}}
13
- <div class="alert alert-info" id="category-no-topics">[[recent:no_recent_topics]]</div>
14
- {{{ end }}}
9
+ <div class="row">
10
+ <div class="recent {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
11
+ <!-- IMPORT partials/topic-list-bar.tpl -->
12
+
13
+ <div class="category">
14
+ {{{ if !topics.length }}}
15
+ <div class="alert alert-info" id="category-no-topics">[[recent:no_recent_topics]]</div>
16
+ {{{ end }}}
15
17
 
16
- <!-- IMPORT partials/topics_list.tpl -->
18
+ <!-- IMPORT partials/topics_list.tpl -->
17
19
 
18
- {{{ if config.usePagination }}}
19
- <!-- IMPORT partials/paginator.tpl -->
20
+ {{{ if config.usePagination }}}
21
+ <!-- IMPORT partials/paginator.tpl -->
22
+ {{{ end }}}
23
+ </div>
24
+ </div>
25
+ <div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
26
+ {{{ each widgets.sidebar }}}
27
+ {{widgets.sidebar.html}}
20
28
  {{{ end }}}
21
29
  </div>
22
30
  </div>
31
+
32
+ <div data-widget-area="footer">
33
+ {{{each widgets.footer}}}
34
+ {{widgets.footer.html}}
35
+ {{{end}}}
36
+ </div>
package/templates/tag.tpl CHANGED
@@ -3,19 +3,31 @@
3
3
  {{widgets.header.html}}
4
4
  {{{end}}}
5
5
  </div>
6
+ <div class="row">
7
+ <div class="tag {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
8
+ <!-- IMPORT partials/topic-list-bar.tpl -->
6
9
 
7
- <div class="tag">
8
- <!-- IMPORT partials/topic-list-bar.tpl -->
10
+ <div class="category">
11
+ {{{ if !topics.length }}}
12
+ <div class="alert alert-warning">[[tags:no_tag_topics]]</div>
13
+ {{{ end }}}
9
14
 
10
- <div class="category">
11
- {{{ if !topics.length }}}
12
- <div class="alert alert-warning">[[tags:no_tag_topics]]</div>
13
- {{{ end }}}
14
-
15
- <!-- IMPORT partials/topics_list.tpl -->
16
- <button id="load-more-btn" class="btn btn-primary hide">[[unread:load_more]]</button>
17
- {{{ if config.usePagination }}}
18
- <!-- IMPORT partials/paginator.tpl -->
15
+ <!-- IMPORT partials/topics_list.tpl -->
16
+ <button id="load-more-btn" class="btn btn-primary hide">[[unread:load_more]]</button>
17
+ {{{ if config.usePagination }}}
18
+ <!-- IMPORT partials/paginator.tpl -->
19
+ {{{ end }}}
20
+ </div>
21
+ </div>
22
+ <div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
23
+ {{{ each widgets.sidebar }}}
24
+ {{widgets.sidebar.html}}
19
25
  {{{ end }}}
20
26
  </div>
21
27
  </div>
28
+
29
+ <div data-widget-area="footer">
30
+ {{{each widgets.footer}}}
31
+ {{widgets.footer.html}}
32
+ {{{end}}}
33
+ </div>
package/templates/tags.tpl CHANGED
@@ -3,34 +3,48 @@
3
3
  {{widgets.header.html}}
4
4
  {{{end}}}
5
5
  </div>
6
- <div class="tags">
7
- <h3 class="fw-semibold">[[pages:tags]]</h3>
8
- {{{ if displayTagSearch }}}
9
- {{{ if tags.length }}}
10
- <div class="row justify-content-end mb-3">
11
- <div class="col-lg-6">
12
- <div class="d-flex justify-content-end">
13
- <div>
14
- <div class="input-group">
15
- <input type="text" class="form-control form-control-sm" placeholder="[[global:search]]" id="tag-search">
16
- <button class="btn btn-primary btn-sm" type="button">
17
- <i class="fa fa-search"></i>
18
- </button>
6
+
7
+ <div class="row">
8
+ <div class="tags {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
9
+ <h3 class="fw-semibold">[[pages:tags]]</h3>
10
+ {{{ if displayTagSearch }}}
11
+ {{{ if tags.length }}}
12
+ <div class="row justify-content-end mb-3">
13
+ <div class="col-lg-6">
14
+ <div class="d-flex justify-content-end">
15
+ <div>
16
+ <div class="input-group">
17
+ <input type="text" class="form-control form-control-sm" placeholder="[[global:search]]" id="tag-search">
18
+ <button class="btn btn-primary btn-sm" type="button">
19
+ <i class="fa fa-search"></i>
20
+ </button>
21
+ </div>
19
22
  </div>
20
23
  </div>
21
24
  </div>
22
25
  </div>
23
- </div>
24
- {{{ end }}}
25
- {{{ end }}}
26
- <hr/>
27
- {{{ if !tags.length }}}
28
- <div class="alert alert-warning">[[tags:no_tags]]</div>
29
- {{{ end }}}
26
+ {{{ end }}}
27
+ {{{ end }}}
28
+ <hr/>
29
+ {{{ if !tags.length }}}
30
+ <div class="alert alert-warning">[[tags:no_tags]]</div>
31
+ {{{ end }}}
30
32
 
31
- <div class="category">
32
- <div class="tag-list row row-cols-2 row-cols-lg-4 row-cols-xl-5 gx-3 gy-2" data-nextstart="{nextStart}">
33
- <!-- IMPORT partials/tags_list.tpl -->
33
+ <div class="category">
34
+ <div class="tag-list row row-cols-2 row-cols-lg-4 row-cols-xl-5 gx-3 gy-2" data-nextstart="{nextStart}">
35
+ <!-- IMPORT partials/tags_list.tpl -->
36
+ </div>
34
37
  </div>
35
38
  </div>
39
+ <div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
40
+ {{{ each widgets.sidebar }}}
41
+ {{widgets.sidebar.html}}
42
+ {{{ end }}}
43
+ </div>
36
44
  </div>
45
+
46
+ <div data-widget-area="footer">
47
+ {{{each widgets.footer}}}
48
+ {{widgets.footer.html}}
49
+ {{{end}}}
50
+ </div>
package/templates/top.tpl CHANGED
@@ -5,17 +5,31 @@
5
5
  {{{end}}}
6
6
  </div>
7
7
  {{{ end }}}
8
- <div class="top">
9
- <!-- IMPORT partials/topic-list-bar.tpl -->
10
- <div class="category">
11
- {{{ if !topics.length }}}
12
- <div class="alert alert-info" id="category-no-topics">[[top:no_top_topics]]</div>
13
- {{{ end }}}
14
8
 
15
- <!-- IMPORT partials/topics_list.tpl -->
9
+ <div class="row">
10
+ <div class="top {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
11
+ <!-- IMPORT partials/topic-list-bar.tpl -->
12
+ <div class="category">
13
+ {{{ if !topics.length }}}
14
+ <div class="alert alert-info" id="category-no-topics">[[top:no_top_topics]]</div>
15
+ {{{ end }}}
16
+
17
+ <!-- IMPORT partials/topics_list.tpl -->
16
18
 
17
- {{{ if config.usePagination }}}
18
- <!-- IMPORT partials/paginator.tpl -->
19
+ {{{ if config.usePagination }}}
20
+ <!-- IMPORT partials/paginator.tpl -->
21
+ {{{ end }}}
22
+ </div>
23
+ </div>
24
+ <div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
25
+ {{{ each widgets.sidebar }}}
26
+ {{widgets.sidebar.html}}
19
27
  {{{ end }}}
20
28
  </div>
21
29
  </div>
30
+
31
+ <div data-widget-area="footer">
32
+ {{{each widgets.footer}}}
33
+ {{widgets.footer.html}}
34
+ {{{end}}}
35
+ </div>
package/templates/unread.tpl CHANGED
@@ -5,15 +5,28 @@
5
5
  {{{end}}}
6
6
  </div>
7
7
  {{{ end }}}
8
- <div class="unread">
9
- <!-- IMPORT partials/topic-list-bar.tpl -->
10
- <div class="category">
11
- <div id="category-no-topics" class="alert alert-info {{{ if topics.length }}}hidden{{{ end }}}">[[unread:no_unread_topics]]</div>
8
+ <div class="row">
9
+ <div class="unread {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
10
+ <!-- IMPORT partials/topic-list-bar.tpl -->
11
+ <div class="category">
12
+ <div id="category-no-topics" class="alert alert-info {{{ if topics.length }}}hidden{{{ end }}}">[[unread:no_unread_topics]]</div>
12
13
 
13
- <!-- IMPORT partials/topics_list.tpl -->
14
- <button id="load-more-btn" class="btn btn-primary hide">[[unread:load_more]]</button>
15
- {{{ if config.usePagination }}}
16
- <!-- IMPORT partials/paginator.tpl -->
14
+ <!-- IMPORT partials/topics_list.tpl -->
15
+ <button id="load-more-btn" class="btn btn-primary hide">[[unread:load_more]]</button>
16
+ {{{ if config.usePagination }}}
17
+ <!-- IMPORT partials/paginator.tpl -->
18
+ {{{ end }}}
19
+ </div>
20
+ </div>
21
+ <div data-widget-area="sidebar" class="col-lg-3 col-sm-12 {{{ if !widgets.sidebar.length }}}hidden{{{ end }}}">
22
+ {{{ each widgets.sidebar }}}
23
+ {{widgets.sidebar.html}}
17
24
  {{{ end }}}
18
25
  </div>
19
26
  </div>
27
+
28
+ <div data-widget-area="footer">
29
+ {{{each widgets.footer}}}
30
+ {{widgets.footer.html}}
31
+ {{{end}}}
32
+ </div>