nodebb-theme-harmony 1.0.0-beta.96 → 1.0.0-beta.98

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 (4) hide show
  1. package/package.json +1 -1
  2. package/scss/modules/topics-list.scss +2 -2
  3. package/templates/partials/topics_list.tpl +8 -5
  4. package/templates/topic.tpl +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.0.0-beta.96",
3
+ "version": "1.0.0-beta.98",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/modules/topics-list.scss CHANGED
@@ -6,9 +6,9 @@ ul.topics-list, ul.categories-list {
6
6
  }
7
7
 
8
8
  &.selected {
9
- outline: 1px solid $primary;
9
+ background-color: mix($body-bg, $body-color, 90%);
10
10
  [component="topic/select"] {
11
- color: $primary!important;
11
+ color: $success!important;
12
12
  }
13
13
  }
14
14
  p {
package/templates/partials/topics_list.tpl CHANGED
@@ -10,10 +10,15 @@
10
10
 
11
11
 
12
12
  <div class="d-flex p-0 col-lg-7 gap-2 gap-lg-3 align-items-start">
13
- <div class="flex-shrink-0">
13
+ <div class="flex-shrink-0 position-relative">
14
14
  <a class="text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
15
15
  {buildAvatar(./user, "40px", true, "avatar avatar-tooltip")}
16
16
  </a>
17
+ {{{ if showSelect }}}
18
+ <div class="checkbox position-absolute top-100 start-50 translate-middle-x p-1 m-0 d-none d-lg-flex" style="max-width:max-content">
19
+ <i component="topic/select" class="fa text-muted pointer fa-square-o"></i>
20
+ </div>
21
+ {{{ end }}}
17
22
  </div>
18
23
  <div class="flex-grow-1 d-flex flex-wrap gap-1">
19
24
  <h3 component="topic/header" class="title text-break fs-5 fw-semibold m-0 tracking-tight w-100">
@@ -57,7 +62,7 @@
57
62
  {{{ if ./thumbs.length }}}
58
63
  <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 }}}">
59
64
  <img class="topic-thumb rounded-1" style="width:auto;height: 3.33rem;" src="{./thumbs.0.url}"/>
60
- <span data-numthumbs="{./thumbs.length}" class="px-1 position-absolute top-0 start-100 translate-middle badge rounded bg-info">+{increment(./thumbs.length, "-1")}</span>
65
+ <span data-numthumbs="{./thumbs.length}" class="px-1 position-absolute top-0 start-100 translate-middle badge rounded bg-info" style="z-index: 1;">+{increment(./thumbs.length, "-1")}</span>
61
66
  </a>
62
67
  {{{ end }}}
63
68
  </div>
@@ -104,13 +109,11 @@
104
109
  </div>
105
110
  </div>
106
111
  </div>
107
-
108
112
  {{{ if showSelect }}}
109
- <div class="checkbox position-absolute top-0 end-0 p-1 m-0 d-flex" style="max-width:max-content">
113
+ <div class="checkbox position-absolute top-0 end-0 p-1 mt-3 m-0 d-flex d-lg-none" style="max-width:max-content">
110
114
  <i component="topic/select" class="fa fa-square-o text-muted pointer"></i>
111
115
  </div>
112
116
  {{{ end }}}
113
117
  </li>
114
118
  {{{end}}}
115
-
116
119
  </ul>
package/templates/topic.tpl CHANGED
@@ -32,7 +32,7 @@
32
32
  {{{each icons}}}<span class="lh-1">{@value}</span>{{{end}}}
33
33
  </span>
34
34
  <a class="lh-1" href="{config.relative_path}/category/{category.slug}">{function.buildCategoryLabel, category, "border"}</a>
35
- <div class="lh-1 tags tag-list d-flex hidden-xs gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
35
+ <div class="lh-1 tags tag-list d-flex flex-wrap hidden-xs gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
36
36
  <div class="d-flex hidden-xs gap-2">
37
37
  <!-- IMPORT partials/topic/stats.tpl -->
38
38
  </div>