nodebb-theme-harmony 1.0.0-beta.59 → 1.0.0-beta.60

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/public/harmony.js +14 -12
  3. package/templates/partials/sidebar/chats.tpl +3 -23
  4. package/templates/partials/topic/post-menu.tpl +10 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.0.0-beta.59",
3
+ "version": "1.0.0-beta.60",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/public/harmony.js CHANGED
@@ -234,17 +234,19 @@ $(document).ready(function () {
234
234
  }
235
235
 
236
236
  function fixPlaceholders() {
237
- const count = parseInt(document.querySelector('[component="notifications/count"]').innerText, 10);
238
- if (count > 1) {
239
- const notifListEls = document.querySelectorAll('[component="notifications/list"]');
240
- notifListEls.forEach((notifListEl) => {
241
- const placeholder = notifListEl.querySelector('li');
242
-
243
- for (let x = 0; x < count - 1; x++) {
244
- const cloneEl = placeholder.cloneNode(true);
245
- notifListEl.insertBefore(cloneEl, placeholder);
246
- }
247
- });
248
- }
237
+ ['notifications', 'chat'].forEach((type) => {
238
+ const count = parseInt(document.querySelector(`[component="${type}/count"]`).innerText, 10);
239
+ if (count > 1) {
240
+ const listEls = document.querySelectorAll(`[component="${type}/list"]`);
241
+ listEls.forEach((listEl) => {
242
+ const placeholder = listEl.querySelector('li');
243
+
244
+ for (let x = 0; x < count - 1; x++) {
245
+ const cloneEl = placeholder.cloneNode(true);
246
+ listEl.insertBefore(cloneEl, placeholder);
247
+ }
248
+ });
249
+ }
250
+ });
249
251
  }
250
252
  });
package/templates/partials/sidebar/chats.tpl CHANGED
@@ -16,29 +16,9 @@
16
16
  <div class="placeholder" style="width: 32px; height: 32px;"></div>
17
17
  </div>
18
18
  <div class="d-flex flex-grow-1 flex-column w-100">
19
- <div class="text-xs placeholder col-3">&nbsp;</div>
20
- <div class="text-sm placeholder col-11">&nbsp;</div>
21
- <div class="text-xs placeholder col-4">&nbsp;</div>
22
- </div>
23
- </li>
24
- <li class="dropdown-item rounded-1 p-2 d-flex gap-2 placeholder-wave">
25
- <div class="main-avatar">
26
- <div class="placeholder" style="width: 32px; height: 32px;"></div>
27
- </div>
28
- <div class="d-flex flex-grow-1 flex-column w-100">
29
- <div class="text-xs placeholder col-3">&nbsp;</div>
30
- <div class="text-sm placeholder col-11">&nbsp;</div>
31
- <div class="text-xs placeholder col-4">&nbsp;</div>
32
- </div>
33
- </li>
34
- <li class="dropdown-item rounded-1 p-2 d-flex gap-2 placeholder-wave">
35
- <div class="main-avatar">
36
- <div class="placeholder" style="width: 32px; height: 32px;"></div>
37
- </div>
38
- <div class="d-flex flex-grow-1 flex-column w-100">
39
- <div class="text-xs placeholder col-3">&nbsp;</div>
40
- <div class="text-sm placeholder col-11">&nbsp;</div>
41
- <div class="text-xs placeholder col-4">&nbsp;</div>
19
+ <div class="text-xs"><div class="placeholder col-3"></div></div>
20
+ <div class="text-sm"><div class="placeholder col-11"></div></div>
21
+ <div class="text-xs"><div class="placeholder col-4"></div></div>
42
22
  </div>
43
23
  </li>
44
24
  </ul>
package/templates/partials/topic/post-menu.tpl CHANGED
@@ -2,24 +2,24 @@
2
2
  <a class="btn-ghost-sm dropdown-toggle d-block" href="#" data-bs-toggle="dropdown"><i class="fa fa-fw fa-ellipsis-v text-primary"></i></a>
3
3
  <ul class="dropdown-menu dropdown-menu-end" role="menu">
4
4
  <li class="dropdown-item placeholder-wave">
5
- <div class="placeholder" style="width: 20px;">&nbsp;</div>
6
- <div class="placeholder col-3">&nbsp;</div>
5
+ <div class="placeholder" style="width: 20px;"></div>
6
+ <div class="placeholder col-3"></div>
7
7
  </li>
8
8
  <li class="dropdown-item placeholder-wave">
9
- <div class="placeholder" style="width: 20px;">&nbsp;</div>
10
- <div class="placeholder col-5">&nbsp;</div>
9
+ <div class="placeholder" style="width: 20px;"></div>
10
+ <div class="placeholder col-5"></div>
11
11
  </li>
12
12
  <li class="dropdown-item placeholder-wave">
13
- <div class="placeholder" style="width: 20px;">&nbsp;</div>
14
- <div class="placeholder col-11">&nbsp;</div>
13
+ <div class="placeholder" style="width: 20px;"></div>
14
+ <div class="placeholder col-9"></div>
15
15
  </li>
16
16
  <li class="dropdown-item placeholder-wave">
17
- <div class="placeholder" style="width: 20px;">&nbsp;</div>
18
- <div class="placeholder col-7">&nbsp;</div>
17
+ <div class="placeholder" style="width: 20px;"></div>
18
+ <div class="placeholder col-7"></div>
19
19
  </li>
20
20
  <li class="dropdown-item placeholder-wave">
21
- <div class="placeholder" style="width: 20px;">&nbsp;</div>
22
- <div class="placeholder col-12">&nbsp;</div>
21
+ <div class="placeholder" style="width: 20px;"></div>
22
+ <div class="placeholder col-10"></div>
23
23
  </li>
24
24
  </ul>
25
25
  </span>