nodebb-theme-harmony 2.1.20 → 2.1.22

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": "2.1.20",
3
+ "version": "2.1.22",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.0.0"
6
6
  },
@@ -37,11 +37,11 @@
37
37
  "url": "https://github.com/NodeBB/nodebb-theme-harmony/issues"
38
38
  },
39
39
  "dependencies": {
40
- "@fontsource/inter": "5.2.6",
41
- "@fontsource/poppins": "5.2.6"
40
+ "@fontsource/inter": "5.2.8",
41
+ "@fontsource/poppins": "5.2.7"
42
42
  },
43
43
  "devDependencies": {
44
- "eslint": "9.35.0",
44
+ "eslint": "9.37.0",
45
45
  "eslint-config-nodebb": "^1.1.4"
46
46
  }
47
47
  }
package/scss/topic.scss CHANGED
@@ -113,8 +113,13 @@ body.template-topic {
113
113
  }
114
114
 
115
115
 
116
- [component="topic/thumb/list"] > a{
117
- height: calc($font-size-base * 4);
116
+ [component="topic/thumb/list"] {
117
+ &.thumbs-collapsed a.d-inline-block:nth-of-type(n+4) {
118
+ display: none!important;
119
+ }
120
+ > a {
121
+ height: calc($font-size-base * 4);
122
+ }
118
123
  }
119
124
  }
120
125
 
@@ -4,7 +4,7 @@
4
4
  <li data-cid="{./cid}" class="category-children-item small">
5
5
  <div class="d-flex gap-1">
6
6
  <i class="fa fa-fw fa-caret-right text-primary" style="line-height: var(--bs-body-line-height);"></i>
7
- <a href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" class="text-reset fw-semibold">{./name}</a>
7
+ <a href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" class="text-reset fw-semibold flex-1">{./name}</a>
8
8
  </div>
9
9
  </li>
10
10
  {{{ end }}}
@@ -2,4 +2,7 @@
2
2
  <a class="d-inline-block" href="{./url}">
3
3
  <img class="rounded-1 bg-light" style="width:auto; max-width: 5.33rem; height: 3.33rem; object-fit: contain;" src="{./url}" />
4
4
  </a>
5
+ {{{ end }}}
6
+ {{{ if greaterthan(thumbs.length, "4") }}}
7
+ <button component="topic/thumb/list/expand" class="btn btn-light fw-semibold" style="width:auto; max-width: 5.33rem; height: 3.33rem; object-fit: contain;">+{increment(thumbs.length, "-3")}</button>
5
8
  {{{ end }}}
@@ -49,7 +49,7 @@
49
49
  <div class="d-flex gap-2"><!-- IMPORT partials/topic/stats.tpl --></div>
50
50
  </div>
51
51
  </div>
52
- <div class="d-flex flex-wrap gap-2 align-items-start mt-2 hidden-empty" component="topic/thumb/list"><!-- IMPORT partials/topic/thumbs.tpl --></div>
52
+ <div class="d-flex flex-wrap gap-2 align-items-start mt-2 hidden-empty {{{ if greaterthan(thumbs.length, "4") }}}thumbs-collapsed{{{ end }}}" component="topic/thumb/list"><!-- IMPORT partials/topic/thumbs.tpl --></div>
53
53
  </div>
54
54
 
55
55
  <div class="row mb-4 mb-lg-0">