nodebb-theme-persona 13.2.43 → 13.2.45

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 (8) hide show
  1. package/package.json +1 -1
  2. package/scss/chats.scss +9 -5
  3. package/templates/account/categories.tpl +2 -1
  4. package/templates/account/settings.tpl +1 -1
  5. package/templates/partials/category/watch.tpl +14 -2
  6. package/templates/partials/chats/composer.tpl +2 -2
  7. package/templates/partials/chats/message.tpl +41 -13
  8. package/templates/partials/chats/pinned-messages-list.tpl +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "13.2.43",
3
+ "version": "13.2.45",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.5.0"
6
6
  },
package/scss/chats.scss CHANGED
@@ -287,7 +287,9 @@ body.page-user-chats {
287
287
 
288
288
  .expanded-chat, .chat-modal {
289
289
  .chat-content {
290
- @include fix-lists;
290
+ .message-body {
291
+ @include fix-lists;
292
+ }
291
293
  overflow-y: auto;
292
294
  overflow-x: hidden;
293
295
  resize: none;
@@ -326,7 +328,7 @@ body.page-user-chats {
326
328
  }
327
329
 
328
330
  [data-action="restore"] {
329
- display: inline;
331
+ display: block;
330
332
  }
331
333
  }
332
334
 
@@ -341,7 +343,7 @@ body.page-user-chats {
341
343
  }
342
344
 
343
345
  [data-action="unpin"] {
344
- display: inline;
346
+ display: block;
345
347
  }
346
348
  }
347
349
  }
@@ -397,7 +399,9 @@ body.page-user-chats {
397
399
 
398
400
  .controls {
399
401
  display: none;
400
-
402
+ &:has([aria-expanded="true"]) {
403
+ display: flex;
404
+ }
401
405
  position: absolute;
402
406
  bottom: 7px;
403
407
  right: 14px;
@@ -416,7 +420,7 @@ body.page-user-chats {
416
420
  }
417
421
 
418
422
  .controls {
419
- display: block;
423
+ display: flex;
420
424
  }
421
425
  }
422
426
  }
package/templates/account/categories.tpl CHANGED
@@ -9,7 +9,8 @@
9
9
  <span class="caret"></span>
10
10
  </button>
11
11
  <ul class="dropdown-menu">
12
- <li><a class="dropdown-item" href="#" component="category/watching" data-state="watching"><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
12
+ <li><a class="dropdown-item" href="#" component="category/watching" data-state="watching"><i class="fa fa-fw fa-bell-o"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
13
+ <li><a class="dropdown-item" href="#" component="category/tracking" data-state="tracking"><i class="fa fa-fw fa-inbox"></i> [[category:tracking]]<p class="help-text"><small>[[category:tracking.description]]</small></p></a></li>
13
14
  <li><a class="dropdown-item" href="#" component="category/notwatching" data-state="notwatching"><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
14
15
  <li><a class="dropdown-item" href="#" component="category/ignoring" data-state="ignoring"><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
15
16
  </ul>
package/templates/account/settings.tpl CHANGED
@@ -201,7 +201,7 @@
201
201
  <div class="mb-2">
202
202
  <label>[[user:default-category-watch-state]]</label>
203
203
  <select class="form-select" data-property="categoryWatchState">
204
- <option value="watching" <!-- IF categoryWatchState.watching -->selected<!-- ENDIF categoryWatchState.watching -->>[[category:watching]]</option>
204
+ <option value="tracking" <!-- IF categoryWatchState.tracking -->selected<!-- ENDIF categoryWatchState.tracking -->>[[category:tracking]]</option>
205
205
  <option value="notwatching" <!-- IF categoryWatchState.notwatching -->selected<!-- ENDIF categoryWatchState.notwatching -->>[[category:not-watching]]</option>
206
206
  <option value="ignoring" <!-- IF categoryWatchState.ignoring -->selected<!-- ENDIF categoryWatchState.ignoring -->>[[category:ignoring]]</option>
207
207
  </select>
package/templates/partials/category/watch.tpl CHANGED
@@ -2,7 +2,9 @@
2
2
  <div class="btn-group bottom-sheet" component="topic/watch">
3
3
 
4
4
  <button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button">
5
- <span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:watching]]</span></span>
5
+ <span component="category/watching/menu" <!-- IF !../isWatched -->class="hidden"<!-- ENDIF !../isWatched -->><i class="fa fa-fw fa-bell-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:watching]]</span></span>
6
+
7
+ <span component="category/tracking/menu" <!-- IF !../isTracked -->class="hidden"<!-- ENDIF !../isTracked -->><i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:tracking]]</span></span>
6
8
 
7
9
  <span component="category/notwatching/menu" <!-- IF !../isNotWatched -->class="hidden"<!-- ENDIF !../isNotWatched -->><i class="fa fa-fw fa-clock-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"> [[category:not-watching]]</span></span>
8
10
 
@@ -15,12 +17,22 @@
15
17
  <a class="dropdown-item d-flex" href="#" component="category/watching" data-state="watching">
16
18
  <span><i component="category/watching/check" class="fa fa-fw {{{ if ./isWatched }}}fa-check{{{ end }}}"></i></span>
17
19
  <div class="d-flex flex-column">
18
- <span><i class="fa fa-fw fa-inbox"></i> [[category:watching]]</span>
20
+ <span><i class="fa fa-fw fa-bell-o"></i> [[category:watching]]</span>
19
21
  <p class="help-text text-muted"><small>[[category:watching.description]]</small></p>
20
22
  </div>
21
23
  </a>
22
24
  </li>
23
25
 
26
+ <li>
27
+ <a class="dropdown-item d-flex" href="#" component="category/tracking" data-state="tracking">
28
+ <span><i component="category/tracking/check" class="fa fa-fw {{{ if ./isTracked }}}fa-check{{{ end }}}"></i></span>
29
+ <div class="d-flex flex-column">
30
+ <span><i class="fa fa-fw fa-inbox"></i> [[category:tracking]]</span>
31
+ <p class="help-text text-muted"><small>[[category:tracking.description]]</small></p>
32
+ </div>
33
+ </a>
34
+ </li>
35
+
24
36
  <li>
25
37
  <a class="dropdown-item d-flex" href="#" component="category/notwatching" data-state="notwatching">
26
38
  <span><i component="category/notwatching/check" class="fa fa-fw {{{ if ./isNotWatched }}}fa-check{{{ end }}}"></i></span>
package/templates/partials/chats/composer.tpl CHANGED
@@ -1,6 +1,6 @@
1
1
  <div component="chat/composer" class="d-flex flex-column border-top pt-2 align-items-start">
2
2
  <div component="chat/composer/replying-to" data-tomid="" class="text-sm px-2 mb-1 d-flex gap-2 align-items-center hidden">
3
- <div component="chat/composer/replying-to-text"></div> <button component="chat/composer/replying-to-cancel" class="btn-ghost-sm px-2 py-1"><i class="fa fa-times"></i></button>
3
+ <div component="chat/composer/replying-to-text"></div> <button component="chat/composer/replying-to-cancel" class="btn btn-sm btn-light px-2 py-1"><i class="fa fa-times"></i></button>
4
4
  </div>
5
5
  <div class="w-100 flex-grow-1 flex-nowrap position-relative d-flex rounded-2 border border-secondary p-1 align-items-end">
6
6
  <button component="chat/upload/button" class="btn btn-light btn-sm px-2 rounded-1" type="button" title="[[global:upload]]" data-bs-toggle="tooltip"><i class="fa fa-fw fa-upload"></i></button>
@@ -9,7 +9,7 @@
9
9
  </div>
10
10
  <div class="d-flex gap-1">
11
11
  {{{ each composerActions }}}
12
- <button data-action="{./action}" class="btn-ghost-sm px-2 {./class}" type="button" title="{./title}" data-bs-toggle="tooltip"><i class="fa {./icon}"></i></button>
12
+ <button data-action="{./action}" class="btn btn-sm btn-light px-2 {./class} align-items-center" type="button" title="{./title}" data-bs-toggle="tooltip"><i class="fa {./icon}"></i></button>
13
13
  {{{ end }}}
14
14
  <button class="btn btn-primary btn-sm px-2 rounded-1" type="button" data-action="send" title="[[modules:chat.send]]" data-bs-toggle="tooltip"><i class="fa fa-fw fa-paper-plane"></i></button>
15
15
  </div>
package/templates/partials/chats/message.tpl CHANGED
@@ -25,19 +25,47 @@
25
25
  <div component="chat/message/controls" class="btn-group controls">
26
26
  <!-- IMPORT partials/chats/add-reaction.tpl -->
27
27
  <button class="btn btn-sm btn-link" data-action="reply" title="[[topic:reply]]"><i class="fa fa-reply"></i></button>
28
- {{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
29
- <button class="btn btn-sm btn-link" data-action="edit" title="[[topic:edit]]"><i class="fa fa-pencil"></i></button>
30
- <button class="btn btn-sm btn-link" data-action="delete" title="[[topic:delete]]"><i class="fa fa-trash"></i></button>
31
- <button class="btn btn-sm btn-link" data-action="restore" title="[[topic:restore]]"><i class="fa fa-repeat"></i></button>
32
- {{{ end }}}
33
- {{{ if (isAdminOrGlobalMod || isOwner )}}}
34
- <button class="btn btn-sm btn-link" data-action="pin" title="[[modules:chat.pin-message]]"><i class="fa fa-thumbtack"></i></button>
35
- <button class="btn btn-sm btn-link" data-action="unpin" title="[[modules:chat.unpin-message]]"><i class="fa fa-thumbtack fa-rotate-90"></i></button>
36
- {{{ end }}}
37
- {{{ if isAdminOrGlobalMod }}}
38
- <button class="btn btn-sm btn-link chat-ip-button" title="[[modules:chat.show-ip]]"><i class="fa fa-info-circle"></i></button>
39
- {{{ end }}}
40
- <button class="btn btn-sm btn-link" data-action="copy-link" title="[[modules:chat.copy-link]]" data-mid="{messages.mid}"><i class="fa fa-link"></i></button>
28
+
29
+ <div class="btn-group d-inline-block">
30
+ <button class="btn btn-sm btn-link dropdown-toggle" data-bs-toggle="dropdown"><i class="fa fa-ellipsis" type="button"></i></button>
31
+ <ul class="dropdown-menu dropdown-menu-end p-1 text-sm list-unstyled">
32
+ {{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
33
+ <li>
34
+ <a href="#" class="dropdown-item rounded-1" data-action="edit"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-pencil text-muted"></i> [[topic:edit]]</span></a>
35
+ </li>
36
+ <li>
37
+ <a href="#" class="dropdown-item rounded-1" data-action="delete"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-trash text-muted"></i> [[topic:delete]]</span></a>
38
+ </li>
39
+ <li>
40
+ <a href="#" class="dropdown-item rounded-1" data-action="restore"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-repeat text-muted"></i> [[topic:restore]]</span></a>
41
+ </li>
42
+ {{{ end }}}
43
+
44
+ {{{ if (isAdminOrGlobalMod || isOwner )}}}
45
+ <li>
46
+ <a href="#" class="dropdown-item rounded-1" data-action="pin"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-thumbtack text-muted"></i> [[modules:chat.pin-message]]</span></a>
47
+ </li>
48
+ <li>
49
+ <a href="#" class="dropdown-item rounded-1" data-action="unpin"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-thumbtack fa-rotate-90 text-muted"></i> [[modules:chat.unpin-message]]</span></a>
50
+ </li>
51
+ <li class="dropdown-divider"></li>
52
+ {{{ end }}}
53
+
54
+ {{{ if isAdminOrGlobalMod }}}
55
+ <li>
56
+ <a href="#" class="dropdown-item rounded-1 chat-ip-button"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-info-circle text-muted"></i> [[modules:chat.show-ip]]</span></a>
57
+ </li>
58
+ {{{ end }}}
59
+
60
+ <li>
61
+ <a href="#" class="dropdown-item rounded-1" data-action="copy-text" data-mid="{messages.mid}"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-copy text-muted"></i> [[modules:chat.copy-text]]</span></a>
62
+ </li>
63
+
64
+ <li>
65
+ <a href="#" class="dropdown-item rounded-1" data-action="copy-link" data-mid="{messages.mid}"><span class="d-inline-flex align-items-center gap-2"><i class="fa fa-fw fa-link text-muted"></i> [[modules:chat.copy-link]]</span></a>
66
+ </li>
67
+ </ul>
68
+ </div>
41
69
  </div>
42
70
  </div>
43
71
  </li>
package/templates/partials/chats/pinned-messages-list.tpl CHANGED
@@ -13,12 +13,12 @@
13
13
 
14
14
  <div component="chat/message/edited" class="text-muted float-end {{{ if !messages.edited }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {messages.editedISO}]]"><i class="fa fa-edit"></i></span></div>
15
15
  </div>
16
- <div class="message-body-wrapper hover-parent">
16
+ <div class="message-body-wrapper">
17
17
  <div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto text-break">
18
18
  {messages.content}
19
19
  </div>
20
20
  <div component="chat/message/controls" class="position-relative">
21
- <div class="btn-group border shadow-sm controls position-absolute bg-body hover-d-block end-0" style="bottom:1rem;">
21
+ <div class="btn-group border shadow-sm controls position-absolute bg-body end-0" style="bottom:1rem;">
22
22
  {{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
23
23
  <button class="btn btn-sm btn-link" data-action="edit" title="[[topic:edit]]"><i class="fa fa-pencil"></i></button>
24
24
  {{{ end }}}