nodebb-theme-harmony 2.2.21 → 2.2.23

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.2.21",
3
+ "version": "2.2.23",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.0.0"
6
6
  },
@@ -45,7 +45,7 @@
45
45
  "@fontsource/poppins": "5.2.7"
46
46
  },
47
47
  "devDependencies": {
48
- "eslint": "10.0.0",
48
+ "eslint": "10.0.1",
49
49
  "eslint-config-nodebb": "^2.0.0"
50
50
  }
51
51
  }
package/scss/skins.scss CHANGED
@@ -38,6 +38,7 @@
38
38
  padding-left: 0.5rem;
39
39
  padding-right: 0.5rem;
40
40
  }
41
+ .tag-list .tag { padding-left: 1.125rem; }
41
42
  }
42
43
 
43
44
  // table color fix, remove once https://github.com/thomaspark/bootswatch/issues/1276 is published
@@ -239,22 +239,6 @@
239
239
 
240
240
  <h6 class="fw-bold">[[user:notifications]]</h6>
241
241
  <div>
242
- {{{ each notificationSettings }}}
243
- <div class="row mb-3 align-items-center">
244
- <div class="col-7">
245
- <label class="text-sm" for="{./name}">{./label}</label>
246
- </div>
247
- <div class="col-5">
248
- <select class="form-select form-select-sm" id="{./name}" data-property="{./name}">
249
- <option value="none" {{{ if ./none }}}selected{{{ end }}}>[[notifications:none]]</option>
250
- <option value="notification" {{{ if ./notification }}}selected{{{ end }}}>[[notifications:notification-only]]</option>
251
- <option value="email" {{{ if ./email }}}selected{{{ end }}}>[[notifications:email-only]]</option>
252
- <option value="notificationemail" {{{ if ./notificationemail }}}selected{{{ end }}}>[[notifications:notification-and-email]]</option>
253
- </select>
254
- </div>
255
- </div>
256
- {{{end}}}
257
-
258
242
  <div class="row align-items-center">
259
243
  <div class="col-7">
260
244
  <label class="text-sm" for="upvote-notif-freq">[[user:upvote-notif-freq]]</label>
@@ -269,6 +253,40 @@
269
253
  </select>
270
254
  </div>
271
255
  </div>
256
+ <hr />
257
+ <table component="notification/table" class="table table-sm">
258
+ <thead>
259
+ <tr>
260
+ <th></th>
261
+ <th class="text-center fw-semibold px-2">[[user:notification-type-web]]</th>
262
+ <th class="text-center fw-semibold px-2">[[user:notification-type-email]]</th>
263
+ </tr>
264
+ </thead>
265
+ <tbody>
266
+ {{{ each notificationSettings }}}
267
+ <tr component="notification/setting" class="align-middle">
268
+ <td style="width:100%;">
269
+ <div class="align-items-center">
270
+ <label class="text-sm tracking-tight" for="{./name}">{./label}</label>
271
+ <input type="hidden" data-property="{./name}" value="{./value}">
272
+ </div>
273
+ </td>
274
+ <td class="text-center">
275
+ <a href="#" data-type="notification" data-value="{{{ if (./notification || ./notificationemail) }}}1{{{ else }}}0{{{ end}}}">
276
+ <i class="fa-solid fa-lg fa-bell text-primary {{{ if (!./notification && !./notificationemail) }}}hidden{{{ end }}}"></i>
277
+ <i class="fa-regular fa-lg fa-bell text-secondary {{{ if (./notification || ./notificationemail) }}}hidden{{{ end }}}"></i>
278
+ </a>
279
+ </td>
280
+ <td class="text-center">
281
+ <a href="#" data-type="email" data-value="{{{ if (./email || ./notificationemail) }}}1{{{ else }}}0{{{ end}}}">
282
+ <i class="fa-solid fa-lg fa-envelope text-primary {{{ if (!./email && !./notificationemail) }}}hidden{{{ end }}}"></i>
283
+ <i class="fa-regular fa-lg fa-envelope text-secondary {{{ if (./email || ./notificationemail) }}}hidden{{{ end }}}"></i>
284
+ </a>
285
+ </td>
286
+ </tr>
287
+ {{{end}}}
288
+ </tbody>
289
+ </table>
272
290
  </div>
273
291
  </div>
274
292
  </div>
@@ -27,7 +27,7 @@
27
27
 
28
28
  {{{ if template.world }}}
29
29
  <div class="dropdown bottom-sheet">
30
- <button class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown">
30
+ <button class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle h-100" data-bs-toggle="dropdown">
31
31
  <i class="fa fa-fw fa-arrow-down-wide-short text-primary"></i>
32
32
  <span id="sort-label" class="visible-md-inline visible-lg-inline fw-semibold"></span>
33
33
  </button>
@@ -40,10 +40,12 @@
40
40
  <li><a class="dropdown-item rounded-1" href="{config.relative_path}/world?sort=popular&term=alltime">[[world:popular-alltime]]</a></li>
41
41
  </ul>
42
42
  </div>
43
- <a class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center fw-semibold" href="#" id="world-help">
44
- <i class="fa fa-question text-primary"></i>
45
- <span class="visible-md-inline visible-lg-inline">[[world:help]]</span>
46
- </a>
43
+ <div>
44
+ <a class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center fw-semibold h-100" href="#" id="world-help">
45
+ <i class="fa fa-question text-primary"></i>
46
+ <span class="visible-md-inline visible-lg-inline">[[world:help]]</span>
47
+ </a>
48
+ </div>
47
49
  {{{ end }}}
48
50
 
49
51
  <!-- IMPORT partials/category/tools-dropdown-left.tpl -->