nodebb-theme-harmony 1.0.0-beta.67 → 1.0.0-beta.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.0.0-beta.67",
3
+ "version": "1.0.0-beta.68",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/sidebar.scss CHANGED
@@ -76,7 +76,7 @@
76
76
  .chats-dropdown, .notifications-dropdown, .drafts-dropdown {
77
77
  min-width: 300px;
78
78
  width: 300px;
79
- ul {
79
+ .chat-list {
80
80
  max-height: 400px;
81
81
  overflow-y: auto;
82
82
  }
@@ -14,11 +14,11 @@
14
14
  </div>
15
15
  </div>
16
16
  <hr class="text-muted opacity-25 my-1">
17
- <ul component="chat/recent" class="chats-list list-unstyled overflow-auto mb-0" data-nextstart="{nextStart}">
17
+ <div component="chat/recent" class="chats-list overflow-auto mb-0 pe-1" data-nextstart="{nextStart}">
18
18
  {{{each rooms}}}
19
19
  <!-- IMPORT partials/chats/recent_room.tpl -->
20
20
  {{{end}}}
21
- </ul>
21
+ </div>
22
22
  </div>
23
23
  <div class="flex-1 ms-md-2 ps-md-2 border-1 border-start-md h-100" component="chat/main-wrapper">
24
24
  <!-- IMPORT partials/chats/message-window.tpl -->
@@ -1,6 +1,6 @@
1
1
  <div class="notifications">
2
2
  <div class="btn-toolbar justify-content-end" role="toolbar">
3
- <button class="btn btn-light" component="notifications/mark_all">[[notifications:mark_all_read]]</button>
3
+ <button class="btn btn-sm btn-light" component="notifications/mark_all">[[notifications:mark_all_read]]</button>
4
4
  </div>
5
5
 
6
6
  <hr class="text-muted opacity-25"/>
@@ -1,4 +1,4 @@
1
- <li component="chat/recent/room" data-roomid="{./roomId}" data-full="1" class="{{{ if !@last }}}border-bottom mb-1{{{ end }}} rounded-1 {{{ if ./unread }}}unread{{{ end }}}">
1
+ <div component="chat/recent/room" data-roomid="{./roomId}" data-full="1" class="rounded-1 {{{ if ./unread }}}unread{{{ end }}}">
2
2
  <div class="d-flex gap-1 justify-content-between p-1">
3
3
  <div class="position-relative d-flex flex-grow-1 gap-2 justify-content-start align-items-start">
4
4
  <div class="main-avatar">
@@ -42,4 +42,5 @@
42
42
  </button>
43
43
  </div>
44
44
  </div>
45
- </li>
45
+ </div>
46
+ <hr class="text-muted opacity-25 my-1" />
@@ -10,8 +10,8 @@
10
10
  </a>
11
11
  <ul class="chats-dropdown dropdown-menu p-1 shadow">
12
12
  <li>
13
- <ul component="chat/list" class="chat-list chats-list list-unstyled overscroll-behavior-contain p-0 ff-base">
14
- <li class="rounded-1">
13
+ <div component="chat/list" class="chat-list chats-list overscroll-behavior-contain p-0 pe-1 ff-base">
14
+ <div class="rounded-1">
15
15
  <div class="d-flex gap-1 justify-content-between">
16
16
  <div class="dropdown-item p-2 d-flex gap-2 placeholder-wave">
17
17
  <div class="main-avatar">
@@ -29,8 +29,8 @@
29
29
  </button>
30
30
  </div>
31
31
  </div>
32
- </li>
33
- </ul>
32
+ </div>
33
+ </div>
34
34
  </li>
35
35
  <li class="dropdown-divider"></li>
36
36
  <li class="notif-dropdown-link">
@@ -38,14 +38,13 @@
38
38
  {{{ end }}}
39
39
 
40
40
  <div class="d-flex gap-1 hidden-xs align-items-center">
41
+ <span class="text-muted">
41
42
  {{{ if posts.toPid }}}
42
- <span class="text-muted">replied to</span><!-- FIX THIS, DOES NOT l10n PROPERLY -->
43
- <a component="post/parent" data-topid="{posts.toPid}" href="{config.relative_path}/post/{posts.toPid}">{{{ if posts.parent.username }}}{posts.parent.username}{{{ else }}}[[global:guest]]{{{ end }}}</a>
43
+ {generateRepliedTo(@value, config.timeagoCutoff)}
44
44
  {{{ else }}}
45
- <span class="text-muted">wrote</span><!-- FIX THIS, DOES NOT l10n PROPERLY -->
45
+ {generateWrote(@value, config.timeagoCutoff)}
46
46
  {{{ end }}}
47
-
48
- <a class="permalink text-muted" href="{config.relative_path}/post/{posts.pid}"><span class="timeago" title="{posts.timestampISO}"></span></a>
47
+ </span>
49
48
 
50
49
  <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>
51
50
  <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>