nodebb-theme-harmony 1.0.57 → 1.0.59

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 (5) hide show
  1. package/package.json +1 -1
  2. package/scss/topic.scss +1 -17
  3. package/templates/partials/topic/post.tpl +3 -3
  4. package/templates/partials/topics_list.tpl +9 -10
  5. package/templates/topic.tpl +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.0.57",
3
+ "version": "1.0.59",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/topic.scss CHANGED
@@ -1,12 +1,6 @@
1
1
  .pagination-block { display: none; }
2
2
 
3
3
  .page-topic {
4
- [component="topic/title"] {
5
- font-size: 28px;
6
- line-height: 34px;
7
- font-weight: $font-weight-semibold;
8
- }
9
-
10
4
  [component="topic/reply"], [component="topic/reply/locked"], [component="topic/reply/guest"] {
11
5
  font-size: 14px;
12
6
  line-height: 20px;
@@ -20,7 +14,6 @@
20
14
  @include media-breakpoint-down(md) {
21
15
  max-width: calc(100vw - $grid-gutter-width);
22
16
  }
23
- list-style-type: none;
24
17
 
25
18
  &.timeline {
26
19
  @include timeline-style;
@@ -75,17 +68,12 @@
75
68
  }
76
69
  }
77
70
 
78
- [component="post/reply-count"] {
79
- font-size: $font-size-base * .75;
80
- }
81
-
82
71
  [component="post/upvote"], [component="post/downvote"] {
83
72
  &.upvoted, &.downvoted {
84
73
  background-color: lighten($btn-ghost-hover-color, 5%);
85
74
 
86
75
  &:hover {
87
- background-color: $btn-ghost-hover-color;
88
-
76
+ background-color: $btn-ghost-hover-color;
89
77
  }
90
78
  }
91
79
  }
@@ -98,10 +86,6 @@
98
86
  }
99
87
 
100
88
  [component="post/replies/container"] {
101
- &:empty {
102
- display: none;
103
- }
104
-
105
89
  .icon {
106
90
  display: none !important;
107
91
  }
package/templates/partials/topic/post.tpl CHANGED
@@ -77,9 +77,9 @@
77
77
  <div component="post/signature" data-uid="{posts.user.uid}" class="text-xs text-muted mt-2">{posts.user.signature}</div>
78
78
  {{{ end }}}
79
79
 
80
- <div class="clearfix">
80
+ <div class="d-flex">
81
81
  {{{ if !hideReplies }}}
82
- <a component="post/reply-count" data-target-component="post/replies/container" href="#" class="d-flex gap-2 align-items-center mt-2 btn-outline border rounded-1 p-1 threaded-replies user-select-none float-start text-muted text-decoration-none {{{ if (!./replies || shouldHideReplyContainer(@value)) }}}hidden{{{ end }}}">
82
+ <a component="post/reply-count" data-target-component="post/replies/container" href="#" class="d-flex gap-2 align-items-center mt-2 btn-outline border rounded-1 p-1 threaded-replies user-select-none text-muted text-decoration-none text-xs {{{ if (!./replies || shouldHideReplyContainer(@value)) }}}hidden{{{ end }}}">
83
83
  <span component="post/reply-count/avatars" class="avatars d-inline-flex gap-1 align-items-top {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
84
84
  {{{each posts.replies.users}}}
85
85
  <span>{buildAvatar(posts.replies.users, "20px", true, "avatar-tooltip")}</span>
@@ -99,7 +99,7 @@
99
99
  {{{ end }}}
100
100
  </div>
101
101
 
102
- <div component="post/replies/container" class="my-2 col-11 border rounded-1 p-3"></div>
102
+ <div component="post/replies/container" class="my-2 col-11 border rounded-1 p-3 hidden-empty"></div>
103
103
 
104
104
  <div component="post/actions" class="d-flex justify-content-end gap-1 post-tools">
105
105
  <!-- IMPORT partials/topic/reactions.tpl -->
package/templates/partials/topics_list.tpl CHANGED
@@ -1,15 +1,14 @@
1
1
  <ul component="category" class="topics-list list-unstyled" itemscope itemtype="http://www.schema.org/ItemList" data-nextstart="{nextStart}" data-set="{set}">
2
2
 
3
3
  {{{ each topics }}}
4
- <li component="category/topic" class="category-item position-relative w-100 border-bottom py-3 py-lg-4 d-flex flex-column flex-lg-row align-items-start {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->>
4
+ <li component="category/topic" class="category-item border-bottom py-3 py-lg-4 d-flex flex-column flex-lg-row align-items-start {function.generateTopicClass}" <!-- IMPORT partials/data/category.tpl -->>
5
5
  <link itemprop="url" content="{config.relative_path}/topic/{./slug}" />
6
6
  <meta itemprop="name" content="{function.stripTags, ./title}" />
7
7
  <meta itemprop="itemListOrder" content="descending" />
8
8
  <meta itemprop="position" content="{./index}" />
9
- <a id="{./index}" data-index="{./index}" component="topic/anchor" class="position-absolute"></a>
9
+ <a id="{./index}" data-index="{./index}" component="topic/anchor"></a>
10
10
 
11
-
12
- <div class="d-flex p-0 col-lg-7 gap-2 gap-lg-3 pe-1 align-items-start">
11
+ <div class="d-flex p-0 col-12 col-lg-7 gap-2 gap-lg-3 pe-1 align-items-start">
13
12
  <div class="flex-shrink-0 position-relative">
14
13
  <a class="text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
15
14
  {buildAvatar(./user, "40px", true, "avatar avatar-tooltip")}
@@ -20,7 +19,7 @@
20
19
  </div>
21
20
  {{{ end }}}
22
21
  </div>
23
- <div class="flex-grow-1 d-flex flex-wrap gap-1">
22
+ <div class="flex-grow-1 d-flex flex-wrap gap-1 position-relative">
24
23
  <h3 component="topic/header" class="title text-break fs-5 fw-semibold m-0 tracking-tight w-100 {{{ if showSelect }}}me-4 me-lg-0{{{ end }}}">
25
24
  {{{ if topics.noAnchor }}}
26
25
  <span>{./title}</span>
@@ -61,6 +60,11 @@
61
60
  <span class="visible-xs-inline badge bg-transparent text-muted fw-normal timeago" title="{{{ if ./teaser.timestampISO }}}{./teaser.timestampISO}{{{ else }}}{./timestampISO}{{{ end }}}"></span>
62
61
  {{{ end }}}
63
62
  </span>
63
+ {{{ if showSelect }}}
64
+ <div class="checkbox position-absolute top-0 end-0 m-0 d-flex d-lg-none" style="max-width:max-content">
65
+ <i component="topic/select" class="fa fa-square-o text-muted pointer p-1"></i>
66
+ </div>
67
+ {{{ end }}}
64
68
  </div>
65
69
  {{{ if ./thumbs.length }}}
66
70
  <a class="position-relative text-decoration-none flex-shrink-0 d-none d-xl-block" href="{config.relative_path}/topic/{./slug}{{{ if ./bookmark }}}/{./bookmark}{{{ end }}}">
@@ -112,11 +116,6 @@
112
116
  </div>
113
117
  </div>
114
118
  </div>
115
- {{{ if showSelect }}}
116
- <div class="checkbox position-absolute top-0 end-0 mt-3 m-0 d-flex d-lg-none" style="max-width:max-content">
117
- <i component="topic/select" class="fa fa-square-o text-muted pointer p-1"></i>
118
- </div>
119
- {{{ end }}}
120
119
  </li>
121
120
  {{{end}}}
122
121
  </ul>
package/templates/topic.tpl CHANGED
@@ -9,7 +9,7 @@
9
9
  <div class="d-flex flex-column gap-3" itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
10
10
  <div class="d-flex flex-wrap">
11
11
  <div class="d-flex flex-column gap-3 flex-grow-1">
12
- <h2 component="post/header" class="tracking-tight fw-semibold fs-2 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}" itemprop="headline">
12
+ <h2 component="post/header" class="tracking-tight fw-semibold fs-3 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}" itemprop="headline">
13
13
  <span class="topic-title" component="topic/title">{title}</span>
14
14
  </h2>
15
15
 
@@ -56,7 +56,7 @@
56
56
  {{{ end }}}
57
57
 
58
58
  <div class="d-flex gap-0 gap-lg-5">
59
- <ul component="topic" class="posts timeline mt-sm-2 p-0 py-3" style="min-width: 0;" data-tid="{tid}" data-cid="{cid}">
59
+ <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}">
60
60
  {{{each posts}}}
61
61
  <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 -->>
62
62
  <a component="post/anchor" data-index="{./index}" id="{increment(./index, "1")}"></a>