nodebb-theme-harmony 1.1.95 → 1.1.96

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/scss/chats.scss +20 -6
  3. package/templates/partials/chats/message.tpl +43 -15
  4. 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-harmony",
3
- "version": "1.1.95",
3
+ "version": "1.1.96",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.5.0"
6
6
  },
package/scss/chats.scss CHANGED
@@ -61,12 +61,26 @@ body.page-user-chats {
61
61
 
62
62
  .expanded-chat {
63
63
  .chat-content {
64
- @include fix-lists;
64
+ .message-body {
65
+ @include fix-lists;
66
+ }
65
67
 
66
68
  .chat-message {
67
- .message-body-wrapper .controls {
68
- [data-action="restore"], [data-action="unpin"] {
69
- display: none;
69
+ .message-body-wrapper {
70
+ .controls {
71
+ opacity: 0;
72
+ transition: $transition-fade;
73
+ &:has([aria-expanded="true"]) {
74
+ opacity: 1;
75
+ }
76
+ [data-action="restore"], [data-action="unpin"] {
77
+ display: none;
78
+ }
79
+ }
80
+ &:hover {
81
+ .controls {
82
+ opacity: 1;
83
+ }
70
84
  }
71
85
  }
72
86
  }
@@ -77,7 +91,7 @@ body.page-user-chats {
77
91
  }
78
92
 
79
93
  [data-action="restore"] {
80
- display: inline;
94
+ display: block;
81
95
  }
82
96
  }
83
97
 
@@ -92,7 +106,7 @@ body.page-user-chats {
92
106
  }
93
107
 
94
108
  [data-action="unpin"] {
95
- display: inline;
109
+ display: block;
96
110
  }
97
111
  }
98
112
  }
package/templates/partials/chats/message.tpl CHANGED
@@ -17,28 +17,56 @@
17
17
 
18
18
  <div component="chat/message/edited" class="text-muted ms-auto {{{ if !messages.edited }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {messages.editedISO}]]"><i class="fa fa-edit"></i></span></div>
19
19
  </div>
20
- <div class="message-body-wrapper hover-parent">
20
+ <div class="message-body-wrapper">
21
21
  <div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto text-break">
22
22
  {messages.content}
23
23
  </div>
24
24
  <!-- IMPORT partials/chats/reactions.tpl -->
25
25
  <div component="chat/message/controls" class="position-relative">
26
- <div class="btn-group border shadow-sm controls position-absolute bg-body hover-d-block end-0" style="bottom:1rem;">
26
+ <div class="btn-group border shadow-sm controls position-absolute bg-body end-0" style="bottom:1rem;">
27
27
  <!-- IMPORT partials/chats/add-reaction.tpl -->
28
28
  <button class="btn btn-sm btn-link" data-action="reply" title="[[topic:reply]]"><i class="fa fa-reply"></i></button>
29
- {{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
30
- <button class="btn btn-sm btn-link" data-action="edit" title="[[topic:edit]]"><i class="fa fa-pencil"></i></button>
31
- <button class="btn btn-sm btn-link" data-action="delete" title="[[topic:delete]]"><i class="fa fa-trash"></i></button>
32
- <button class="btn btn-sm btn-link" data-action="restore" title="[[topic:restore]]"><i class="fa fa-repeat"></i></button>
33
- {{{ end }}}
34
- {{{ if (isAdminOrGlobalMod || isOwner )}}}
35
- <button class="btn btn-sm btn-link" data-action="pin" title="[[modules:chat.pin-message]]"><i class="fa fa-thumbtack"></i></button>
36
- <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>
37
- {{{ end }}}
38
- {{{ if isAdminOrGlobalMod }}}
39
- <button class="btn btn-sm btn-link chat-ip-button" title="[[modules:chat.show-ip]]"><i class="fa fa-info-circle"></i></button>
40
- {{{ end }}}
41
- <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>
29
+
30
+ <div class="btn-group d-inline-block">
31
+ <button class="btn btn-sm btn-link dropdown-toggle" data-bs-toggle="dropdown"><i class="fa fa-ellipsis" type="button"></i></button>
32
+ <ul class="dropdown-menu dropdown-menu-end p-1 text-sm list-unstyled">
33
+ {{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
34
+ <li>
35
+ <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>
36
+ </li>
37
+ <li>
38
+ <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>
39
+ </li>
40
+ <li>
41
+ <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>
42
+ </li>
43
+ {{{ end }}}
44
+
45
+ {{{ if (isAdminOrGlobalMod || isOwner )}}}
46
+ <li>
47
+ <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>
48
+ </li>
49
+ <li>
50
+ <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>
51
+ </li>
52
+ <li class="dropdown-divider"></li>
53
+ {{{ end }}}
54
+
55
+ {{{ if isAdminOrGlobalMod }}}
56
+ <li>
57
+ <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>
58
+ </li>
59
+ {{{ end }}}
60
+
61
+ <li>
62
+ <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>
63
+ </li>
64
+
65
+ <li>
66
+ <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>
67
+ </li>
68
+ </ul>
69
+ </div>
42
70
  </div>
43
71
  </div>
44
72
  </div>
package/templates/partials/chats/pinned-messages-list.tpl CHANGED
@@ -12,12 +12,12 @@
12
12
  <span class="chat-timestamp text-muted timeago" title="{messages.timestampISO}"></span>
13
13
  <div component="chat/message/edited" class="text-muted ms-auto {{{ if !messages.edited }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {messages.editedISO}]]"><i class="fa fa-edit"></i></span></div>
14
14
  </div>
15
- <div class="message-body-wrapper hover-parent">
15
+ <div class="message-body-wrapper">
16
16
  <div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto text-break">
17
17
  {messages.content}
18
18
  </div>
19
19
  <div component="chat/message/controls" class="position-relative">
20
- <div class="btn-group border shadow-sm controls position-absolute bg-body hover-d-block end-0" style="bottom:1rem;">
20
+ <div class="btn-group border shadow-sm controls position-absolute bg-body end-0" style="bottom:1rem;">
21
21
  {{{ if (isAdminOrGlobalMod || (!config.disableChatMessageEditing && messages.self)) }}}
22
22
  <button class="btn btn-sm btn-link" data-action="edit" title="[[topic:edit]]"><i class="fa fa-pencil"></i></button>
23
23
  {{{ end }}}