nodebb-theme-persona 13.2.44 → 13.2.46

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 (6) hide show
  1. package/package.json +1 -1
  2. package/scss/chats.scss +9 -5
  3. package/templates/partials/chats/composer.tpl +2 -2
  4. package/templates/partials/chats/message.tpl +41 -13
  5. package/templates/partials/chats/pinned-messages-list.tpl +2 -2
  6. package/templates/partials/tags/filter-dropdown-content.tpl +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "13.2.44",
3
+ "version": "13.2.46",
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/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 }}}
package/templates/partials/tags/filter-dropdown-content.tpl CHANGED
@@ -1,11 +1,11 @@
1
1
  <button type="button" class="btn btn-outline-secondary d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown">
2
2
  {{{ if selectedTag }}}
3
3
  <span class="d-inline-flex align-items-center gap-1">
4
- <i class="fa fa-fw fa-tags link-primary"></i>
4
+ <i class="fa fa-fw fa-tags text-primary"></i>
5
5
  <span class="visible-md-inline visible-lg-inline fw-semibold">{selectedTag.label}</span>
6
6
  </span>
7
7
  {{{ else }}}
8
- <i class="fa fa-fw fa-tags link-primary"></i>
8
+ <i class="fa fa-fw fa-tags text-primary"></i>
9
9
  <span class="visible-md-inline visible-lg-inline fw-semibold">[[tags:all-tags]]</span>
10
10
  {{{ end }}}
11
11
  </button>