nodebb-theme-persona 13.2.24 → 13.2.26

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/templates/partials/chats/composer.tpl +9 -3
  3. package/templates/partials/chats/pinned-messages-list.tpl +28 -0
  4. package/templates/partials/chats/pinned-messages.tpl +1 -30
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "13.2.24",
3
+ "version": "13.2.26",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.3.0"
6
6
  },
package/templates/partials/chats/composer.tpl CHANGED
@@ -1,5 +1,5 @@
1
- <div component="chat/composer" class="d-flex flex-column gap-2 border-top pt-2 align-items-start">
2
- <div component="chat/composer/replying-to" data-tomid="" class="text-sm px-2 d-flex gap-2 align-items-center hidden">
1
+ <div component="chat/composer" class="d-flex flex-column border-top pt-2 align-items-start">
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
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>
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">
@@ -8,10 +8,16 @@
8
8
  <textarea component="chat/input" placeholder="[[modules:chat.placeholder.mobile]]" class="bg-transparent text-body form-control chat-input mousetrap rounded-0 border-0 shadow-none ps-1 py-0" style="min-height: 1.5rem;height:0;max-height:30vh;resize:none;"></textarea>
9
9
  </div>
10
10
  <div class="d-flex gap-1">
11
- <div component="chat/message/remaining" class="text-xs text-muted me-1 align-self-center">{maximumChatMessageLength}</div>
12
11
  <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>
13
12
  </div>
14
13
  </div>
14
+ <div class="d-flex justify-content-between align-items-center text-xs w-100 px-2 mt-1">
15
+ <div component="chat/composer/typing" class="">
16
+ <div component="chat/composer/typing/users" class="hidden"></div>
17
+ <div component="chat/composer/typing/text" class="hidden"></div>
18
+ </div>
19
+ <div component="chat/message/remaining" class="text-xs text-muted">{maximumChatMessageLength}</div>
20
+ </div>
15
21
  <form class="hidden" component="chat/upload" method="post" enctype="multipart/form-data">
16
22
  <input type="file" name="files[]" multiple class="hidden"/>
17
23
  </form>
package/templates/partials/chats/pinned-messages-list.tpl ADDED
@@ -0,0 +1,28 @@
1
+ {{{ each messages }}}
2
+ <li component="chat/message" class="chat-message mx-2 pe-2 {{{ if messages.deleted }}} deleted{{{ end }}} {{{ if messages.pinned}}} pinned{{{ end }}} border-top pt-3" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-timestamp="{messages.timestamp}" data-username="{messages.fromUser.username}" data-index="{./index}">
3
+
4
+ {{{ if messages.parent }}}
5
+ <!-- IMPORT partials/chats/parent.tpl -->
6
+ {{{ end }}}
7
+
8
+ <div class="message-header lh-1 d-flex align-items-center gap-2 text-sm pb-2">
9
+ <a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "18px", true, "not-responsive")}</a>
10
+ <span class="chat-user fw-semibold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
11
+
12
+ <span class="chat-timestamp text-muted timeago" title="{messages.timestampISO}"></span>
13
+ </div>
14
+ <div class="message-body-wrapper hover-parent">
15
+ <div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto text-break">
16
+ {messages.content}
17
+ </div>
18
+ <div component="chat/message/controls" class="position-relative">
19
+ <div class="d-flex border shadow-sm controls position-absolute bg-body hover-d-block end-0" style="bottom:1rem;">
20
+ {{{ if (isAdminOrGlobalMod || isOwner )}}}
21
+ <button class="btn btn-sm btn-link" data-action="pin" title="[[modules:chat.pin-message]]"><i class="fa fa-thumbtack"></i></button>
22
+ <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>
23
+ {{{ end }}}
24
+ </div>
25
+ </div>
26
+ </div>
27
+ </li>
28
+ {{{ end }}}
package/templates/partials/chats/pinned-messages.tpl CHANGED
@@ -6,34 +6,5 @@
6
6
  <div class="text-xs fw-semibold text-muted">[[modules:chat.no-pinned-messages]]</div>
7
7
  </div>
8
8
 
9
- <ul component="chat/messages/pinned" class="chat-content list-unstyled d-flex flex-column gap-1 p-1 overflow-auto">
10
- {{{ each messages }}}
11
- <li component="chat/message" class="chat-message mx-2 pe-2 {{{ if messages.deleted }}} deleted{{{ end }}} {{{ if messages.pinned}}} pinned{{{ end }}} border-top pt-3" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-timestamp="{messages.timestamp}" data-username="{messages.fromUser.username}" data-index="{./index}">
12
-
13
- {{{ if messages.parent }}}
14
- <!-- IMPORT partials/chats/parent.tpl -->
15
- {{{ end }}}
16
-
17
- <div class="message-header lh-1 d-flex align-items-center gap-2 text-sm pb-2">
18
- <a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "18px", true, "not-responsive")}</a>
19
- <span class="chat-user fw-semibold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
20
-
21
- <span class="chat-timestamp text-muted timeago" title="{messages.timestampISO}"></span>
22
- </div>
23
- <div class="message-body-wrapper hover-parent">
24
- <div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto text-break">
25
- {messages.content}
26
- </div>
27
- <div component="chat/message/controls" class="position-relative">
28
- <div class="d-flex border shadow-sm controls position-absolute bg-body hover-d-block end-0" style="bottom:1rem;">
29
- {{{ if (isAdminOrGlobalMod || isOwner )}}}
30
- <button class="btn btn-sm btn-link" data-action="pin" title="[[modules:chat.pin-message]]"><i class="fa fa-thumbtack"></i></button>
31
- <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>
32
- {{{ end }}}
33
- </div>
34
- </div>
35
- </div>
36
- </li>
37
- {{{ end }}}
38
- </ul>
9
+ <ul component="chat/messages/pinned" class="chat-content list-unstyled d-flex flex-column gap-1 p-1 overflow-auto"></ul>
39
10
  </div>