nodebb-theme-harmony 1.1.9 → 1.1.11

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": "1.1.9",
3
+ "version": "1.1.11",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.3.0"
6
6
  },
@@ -1,4 +1,4 @@
1
- <li component="categories/category" data-cid="{./cid}" class="w-100 border-bottom py-3 py-lg-4 gap-1 d-flex flex-column flex-lg-row align-items-start category-{./cid} {./unread-class}">
1
+ <li component="categories/category" data-cid="{./cid}" class="w-100 border-bottom py-3 py-lg-4 gap-lg-0 gap-2 d-flex flex-column flex-lg-row align-items-start category-{./cid} {./unread-class}">
2
2
  <meta itemprop="name" content="{./name}">
3
3
 
4
4
  <div class="d-flex col-lg-7 gap-2 gap-lg-3">
@@ -40,7 +40,7 @@
40
40
  </div>
41
41
  </div>
42
42
  {{{ if !./link }}}
43
- <div class="d-flex col-lg-5 align-content-stretch">
43
+ <div class="d-flex col-lg-5 col-12 align-content-stretch">
44
44
  <div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr;">
45
45
  <div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
46
46
  <span class="fs-5 ff-secondary lh-1" title="{./totalTopicCount}">{humanReadableNumber(./totalTopicCount, 0)}</span>
@@ -54,7 +54,7 @@
54
54
  </div>
55
55
  </div>
56
56
  {{{ if !config.hideCategoryLastPost }}}
57
- <div component="topic/teaser" class="teaser col-lg-6 {{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
57
+ <div component="topic/teaser" class="teaser col-lg-6 col-12{{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
58
58
  <!-- IMPORT partials/categories/lastpost.tpl -->
59
59
  </div>
60
60
  {{{ end }}}
@@ -1,15 +1,15 @@
1
- <div class="lastpost background-link-container border-start border-2 lh-sm h-100" style="border-color: {./bgColor}!important;">
1
+ <div class="lastpost border-start border-2 lh-sm h-100" style="border-color: {./bgColor}!important;">
2
2
  {{{ each ./posts }}}
3
3
  {{{ if @first }}}
4
- <div component="category/posts" class="ps-2 text-xs">
5
- <a class="background-link" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}"></a>
4
+ <div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
6
5
  <div>
7
6
  <a class="text-decoration-none" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true, "avatar-tooltip")}</a>
8
7
  <a class="permalink text-muted" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}">
9
8
  <span class="timeago text-xs" title="{../timestampISO}"></span>
10
9
  </a>
11
10
  </div>
12
- <div class="post-content text-xs text-break line-clamp-sm-2 lh-sm">
11
+ <div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
12
+ <a class="stretched-link" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}"></a>
13
13
  {./content}
14
14
  </div>
15
15
  </div>
@@ -1,7 +1,7 @@
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 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 gap-2 gap-lg-0 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" />
@@ -74,7 +74,7 @@
74
74
  {{{ end }}}
75
75
  </div>
76
76
 
77
- <div class="d-flex p-0 col-lg-5 align-content-stretch">
77
+ <div class="d-flex p-0 col-lg-5 col-12 align-content-stretch">
78
78
  <div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr 1fr;">
79
79
  {{{ if !reputation:disabled }}}
80
80
  <div class="stats-votes card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
@@ -94,9 +94,8 @@
94
94
  <i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-eye"></i>
95
95
  </div>
96
96
  </div>
97
- <div component="topic/teaser" class="meta teaser col-lg-6 {{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
98
- <div class="lastpost background-link-container border-start border-2 lh-sm h-100" style="border-color: {./category.bgColor}!important;">
99
- <a class="background-link" href="{config.relative_path}/topic/{./slug}/{./teaser.index}"></a>
97
+ <div component="topic/teaser" class="meta teaser col-lg-6 col-12{{{ if !config.theme.mobileTopicTeasers }}}d-none d-lg-block{{{ end }}}">
98
+ <div class="lastpost border-start border-2 lh-sm h-100 d-flex flex-column gap-1" style="border-color: {./category.bgColor}!important;">
100
99
  {{{ if ./unreplied }}}
101
100
  <div class="ps-2 text-xs">
102
101
  [[category:no_replies]]
@@ -108,7 +107,8 @@
108
107
  <a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./slug}/{./teaser.index}" title="{./teaser.timestampISO}">
109
108
  </a>
110
109
  </div>
111
- <div class="post-content text-xs ps-2 line-clamp-sm-2 lh-sm text-break">
110
+ <div class="post-content text-xs ps-2 line-clamp-sm-2 lh-sm text-break position-relative flex-fill">
111
+ <a class="stretched-link" href="{config.relative_path}/topic/{./slug}/{./teaser.index}"></a>
112
112
  {./teaser.content}
113
113
  </div>
114
114
  {{{ end }}}