nodebb-theme-harmony 0.0.5 → 0.0.7

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
@@ -1,5 +1,5 @@
1
1
  <div class="chats-full d-flex gap-1 vh-100 py-3">
2
- <div class="d-flex flex-column h-100" component="chat/nav-wrapper" data-loaded="{{{ if roomId }}}1{{{ else }}}0{{{ end }}}">
2
+ <div class="d-flex flex-column h-100" style="width:300px;" component="chat/nav-wrapper" data-loaded="{{{ if roomId }}}1{{{ else }}}0{{{ end }}}">
3
3
  <div class="chat-search dropdown mb-2">
4
4
  <label class="text-xs text-muted">[[users:search-user-for-chat]]</label>
5
5
 
@@ -15,7 +15,7 @@
15
15
  </ul>
16
16
  </div>
17
17
  <hr class="text-muted opacity-25 my-1">
18
- <ul component="chat/recent" class="chats-list list-unstyled overflow-auto mb-0 pe-2" data-nextstart="{nextStart}" style="width:300px;">
18
+ <ul component="chat/recent" class="chats-list list-unstyled overflow-auto mb-0 pe-2" data-nextstart="{nextStart}">
19
19
  {{{each rooms}}}
20
20
  <!-- IMPORT partials/chats/recent_room.tpl -->
21
21
  {{{end}}}
@@ -1,18 +1,15 @@
1
1
  <!-- IF roomId -->
2
2
  <div component="chat/messages" class="expanded-chat d-flex flex-column h-100" data-roomid="{roomId}">
3
3
  <div component="chat/header" class="d-flex align-items-center px-3 gap-1">
4
- <span class="members flex-grow-1">
5
- [[modules:chat.chatting_with]]:
6
- {{{each users}}}
7
- <a href="{config.relative_path}/uid/{../uid}">{../username}</a><!-- IF !@last -->,<!-- END -->
8
- {{{end}}}
9
- </span>
4
+ <h5 class="members flex-1 fw-semibold tracking-tight">
5
+ {./chatWithMessage}
6
+ </h5>
10
7
 
11
8
  <!-- IMPORT partials/chats/options.tpl -->
12
9
  </div>
13
10
  <hr class="text-muted opacity-25"/>
14
11
  <div class="position-relative">
15
- <div component="chat/messages/scroll-up-alert" class="position-absolute scroll-up-alert alert alert-info hidden w-100" role="button" style="z-index: 1;">[[modules:chat.scroll-up-alert]]</div>
12
+ <div component="chat/messages/scroll-up-alert" class="position-absolute me-4 end-0 text-sm scroll-up-alert alert alert-info hidden w-25" role="button" style="z-index: 1;">[[modules:chat.scroll-up-alert]]</div>
16
13
  </div>
17
14
  <ul class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1">
18
15
  <!-- IMPORT partials/chats/messages.tpl -->
@@ -1,17 +1,17 @@
1
- <li component="chat/message" class="chat-message mx-2 pe-2 fw-light clear<!-- IF ../deleted --> deleted<!-- END -->" data-index="{messages.index}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}">
2
- <div class="message-header {{{ if !messages.newSet }}}hidden{{{ end }}} pb-2">
3
- <a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "24px", false, "not-responsive rounded")}</a>
4
- <span class="chat-user fw-bold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
5
- <!-- IF ../fromUser.banned -->
1
+ <li component="chat/message" class="chat-message mx-2 pe-2 clear{{{ if ./deleted }}} deleted{{{ end }}} {{{ if messages.newSet }}}border-top pt-3{{{ end }}}" data-index="{messages.index}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}">
2
+ <div class="message-header lh-1 d-flex align-items-center gap-2 text-sm {{{ if !messages.newSet }}}hidden{{{ end }}} pb-2">
3
+ <a href="{config.relative_path}/user/{messages.fromUser.userslug}" class="text-decoration-none">{buildAvatar(messages.fromUser, "18px", true, "not-responsive")}</a>
4
+ <span class="chat-user fw-semibold"><a href="{config.relative_path}/user/{messages.fromUser.userslug}">{messages.fromUser.displayname}</a></span>
5
+ {{{ if ./fromUser.banned }}}
6
6
  <span class="badge bg-danger">[[user:banned]]</span>
7
- <!-- END -->
8
- <!-- IF ../fromUser.deleted -->
7
+ {{{ end }}}
8
+ {{{ if ./fromUser.deleted }}}
9
9
  <span class="badge bg-danger">[[user:deleted]]</span>
10
- <!-- END -->
11
- <small class="chat-timestamp text-muted ms-2 timeago" title="{messages.timestampISO}"></small>
12
- <!-- IF messages.edited -->
13
- <div class="text-muted float-end" title="[[global:edited]] {messages.editedISO}"><i class="fa fa-edit"></i></span></div>
14
- <!-- ENDIF messages.edited -->
10
+ {{{ end }}}
11
+ <span class="chat-timestamp text-muted ms-2 timeago" title="{messages.timestampISO}"></span>
12
+ {{{ if messages.edited }}}
13
+ <div class="text-muted ms-auto" title="[[global:edited-timestamp, {messages.editedISO}]]"><i class="fa fa-edit"></i></span></div>
14
+ {{{ end }}}
15
15
  </div>
16
16
  <div class="message-body-wrapper hover-parent">
17
17
  <div component="chat/message/body" class="message-body ps-0 py-0 overflow-auto">
@@ -1,5 +1,3 @@
1
- <!-- THIS FILE IS STILL PERSONA -->
2
-
3
1
  {{{each messages}}}
4
2
  {{{ if !./system }}}
5
3
  <!-- IMPORT partials/chats/message.tpl -->
@@ -39,7 +39,7 @@
39
39
 
40
40
  <a class="permalink text-muted" href="{config.relative_path}/post/{posts.pid}"><span class="timeago" title="{posts.timestampISO}"></span></a>
41
41
 
42
- <i component="post/edit-indicator" class="fa fa-pencil-square<!-- IF privileges.posts:history --> pointer<!-- END --> edit-icon <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->"></i>
42
+ <i component="post/edit-indicator" class="fa fa-edit text-muted{{{ if privileges.posts:history }}} pointer{{{ end }}} edit-icon {{{ if !posts.editor.username }}}hidden{{{ end }}}" title="[[global:edited-timestamp, {./editedISO}]]"></i>
43
43
  <span data-editor="{posts.editor.userslug}" component="post/editor" class="visually-hidden">[[global:last_edited_by, {posts.editor.username}]] <span class="timeago" title="{posts.editedISO}"></span></span>
44
44
  </div>
45
45