nodebb-theme-persona 13.0.67 → 13.0.68

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 (5) hide show
  1. package/package.json +1 -1
  2. package/scss/chats.scss +0 -8
  3. package/templates/chat.tpl +1 -13
  4. package/templates/partials/chats/composer.tpl +13 -0
  5. package/templates/partials/chats/message-window.tpl +1 -13
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "13.0.67",
3
+ "version": "13.0.68",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/chats.scss CHANGED
@@ -100,14 +100,6 @@
100
100
  border: 1px solid $gray-200;
101
101
  border-radius: 0;
102
102
  }
103
-
104
- [component="chat/message/remaining"] {
105
- position: absolute;
106
- right: 10em;
107
- z-index: 2;
108
- bottom: 0;
109
- color: $gray-600;
110
- }
111
103
  }
112
104
  }
113
105
 
package/templates/chat.tpl CHANGED
@@ -26,19 +26,7 @@
26
26
  <!-- IMPORT partials/chats/messages.tpl -->
27
27
  </ul>
28
28
 
29
- <div component="chat/composer" class="d-flex flex-column flex-md-row gap-2 border-top pt-2 align-items-start align-items-md-end">
30
- <div class="w-100 flex-grow-1 position-relative">
31
- <textarea component="chat/input" placeholder="[[modules:chat.placeholder.mobile]]" class="form-control chat-input mousetrap" style="height:0;resize:none;"></textarea>
32
- <span component="chat/message/remaining" class="text-xs text-muted position-absolute me-1 mb-1" style="right: 0px; bottom:0px;">{maximumChatMessageLength}</span>
33
- </div>
34
- <div class="d-flex justify-content-between align-self-stretch gap-2">
35
- <button component="chat/upload/button" class="btn btn-light btn-sm align-self-end" type="button"><i class="fa fa-fw fa-upload"></i></button>
36
- <button class="btn btn-primary btn-sm align-self-end" type="button" data-action="send"><i class="fa fa-fw fa-paper-plane"></i></button>
37
- </div>
38
- <form class="hidden" component="chat/upload" method="post" enctype="multipart/form-data">
39
- <input type="file" name="files[]" multiple class="hidden"/>
40
- </form>
41
- </div>
29
+ <!-- IMPORT partials/chats/composer.tpl -->
42
30
  </div>
43
31
  <div class="imagedrop"><div>[[topic:composer.drag_and_drop_images]]</div></div>
44
32
  </div>
package/templates/partials/chats/composer.tpl ADDED
@@ -0,0 +1,13 @@
1
+ <div component="chat/composer" class="d-flex flex-column flex-md-row gap-2 border-top pt-2 align-items-start align-items-md-end">
2
+ <div class="w-100 flex-grow-1 flex-nowrap position-relative d-flex rounded-2 border border-secondary p-1 align-items-end">
3
+ <button component="chat/upload/button" class="btn btn-light btn-sm px-2 rounded-1" type="button"><i class="fa fa-fw fa-upload"></i></button>
4
+ <div class="flex-grow-1 align-self-center">
5
+ <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>
6
+ </div>
7
+ <div component="chat/message/remaining" class="text-xs text-muted me-1">{maximumChatMessageLength}</div>
8
+ <button class="btn btn-primary btn-sm px-2 rounded-1" type="button" data-action="send"><i class="fa fa-fw fa-paper-plane"></i></button>
9
+ </div>
10
+ <form class="hidden" component="chat/upload" method="post" enctype="multipart/form-data">
11
+ <input type="file" name="files[]" multiple class="hidden"/>
12
+ </form>
13
+ </div>
package/templates/partials/chats/message-window.tpl CHANGED
@@ -18,19 +18,7 @@
18
18
  <ul class="chat-content">
19
19
  <!-- IMPORT partials/chats/messages.tpl -->
20
20
  </ul>
21
- <div component="chat/composer" class="d-flex flex-column flex-md-row gap-2 border-top pt-2 align-items-start align-items-md-end">
22
- <div class="w-100 flex-grow-1 position-relative">
23
- <textarea component="chat/input" placeholder="[[modules:chat.placeholder.mobile]]" class="form-control chat-input mousetrap" style="height:0;resize:none;"></textarea>
24
- <span component="chat/message/remaining" class="text-xs text-muted position-absolute me-1 mb-1" style="right: 0px; bottom:0px;">{maximumChatMessageLength}</span>
25
- </div>
26
- <div class="d-flex justify-content-between align-self-stretch gap-2">
27
- <button component="chat/upload/button" class="btn btn-light btn-sm align-self-end" type="button"><i class="fa fa-fw fa-upload"></i></button>
28
- <button class="btn btn-primary btn-sm align-self-end" type="button" data-action="send"><i class="fa fa-fw fa-paper-plane"></i></button>
29
- </div>
30
- <form class="hidden" component="chat/upload" method="post" enctype="multipart/form-data">
31
- <input type="file" name="files[]" multiple class="hidden"/>
32
- </form>
33
- </div>
21
+ <!-- IMPORT partials/chats/composer.tpl -->
34
22
  </div>
35
23
  <!-- ELSE -->
36
24
  <div class="alert alert-info me-3">