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

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 (3) hide show
  1. package/package.json +1 -1
  2. package/scss/modules/topics-list.scss +2 -2
  3. package/templates/partials/topics_list.tpl +7 -9
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.97",
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-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,6 @@
104
109
  </div>
105
110
  </div>
106
111
  </div>
107
-
108
- {{{ if showSelect }}}
109
- <div class="checkbox position-absolute top-0 end-0 p-1 m-0 d-flex" style="max-width:max-content">
110
- <i component="topic/select" class="fa fa-square-o text-muted pointer"></i>
111
- </div>
112
- {{{ end }}}
113
112
  </li>
114
113
  {{{end}}}
115
-
116
114
  </ul>