nodebb-theme-persona 13.2.2 → 13.2.4

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-persona",
3
- "version": "13.2.2",
3
+ "version": "13.2.4",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.3.0"
6
6
  },
package/scss/chats.scss CHANGED
@@ -31,6 +31,18 @@ body.page-user-chats {
31
31
  }
32
32
  }
33
33
 
34
+ [component="chat/user/list"] [data-uid] {
35
+ [component="chat/user/list/username"] {
36
+ color: $text-muted;
37
+ }
38
+ &.online {
39
+ [component="chat/user/list/username"] {
40
+ color: initial;
41
+ font-weight: $font-weight-semibold;
42
+ }
43
+ }
44
+ }
45
+
34
46
  /* Styles common to both full chat and chat modal */
35
47
  .chats-full, .chat-modal {
36
48
  display: flex;
@@ -10,7 +10,7 @@
10
10
  <div class="d-flex gap-1 align-items-center">
11
11
  <button class="btn btn-sm btn-light p-1" data-bs-toggle="collapse" data-bs-target="#public-rooms"
12
12
  onclick="$(this).find('i').toggleClass('fa-chevron-right').toggleClass('fa-chevron-down');"><i class="fa fa-fw fa-chevron-down"></i></button>
13
- <label class="text-sm text-muted">[[modules:chat.public-rooms]]</label>
13
+ <label class="text-sm text-muted">[[modules:chat.public-rooms, {publicRooms.length}]]</label>
14
14
  </div>
15
15
  <div id="public-rooms" component="chat/public" class="collapse show">
16
16
  <div class="d-flex flex-column gap-1">
@@ -18,7 +18,7 @@
18
18
  <div component="chat/public/room" class="btn btn-sm btn-light d-flex justify-content-between hover-parent {{{ if ./unread}}}unread{{{ end }}}" data-roomid="{./roomId}">
19
19
  <div><i class="fa {./icon} text-muted"></i> {./roomName}</div>
20
20
  <div class="d-flex gap-1">
21
- <div component="chat/public/room/unread/count" data-count="{./unreadCount}" class="badge border text-primary {{{ if !./unreadCount }}}hidden{{{ end }}}">{./unreadCountText}</div>
21
+ <div component="chat/public/room/unread/count" data-count="{./unreadCount}" class="badge border text-primary bg-light {{{ if !./unreadCount }}}hidden{{{ end }}}">{./unreadCountText}</div>
22
22
  <div component="chat/public/room/sort/handle" class="text-muted {{{ if isAdmin }}}hover-d-block{{{ else }}}d-none{{{ end }}}" style="cursor:grab;"><i class="fa fa-bars"></i></div>
23
23
  </div>
24
24
  </div>
@@ -34,7 +34,7 @@
34
34
  <div class="d-flex gap-1 align-items-center">
35
35
  <button class="btn btn-sm btn-light p-1" data-bs-toggle="collapse" data-bs-target="#private-rooms"
36
36
  onclick="$(this).find('i').toggleClass('fa-chevron-right').toggleClass('fa-chevron-down');"><i class="fa fa-fw fa-chevron-down"></i></button>
37
- <label class="text-sm text-muted">[[modules:chat.private-rooms]]</label>
37
+ <label class="text-sm text-muted">[[modules:chat.private-rooms, {privateRoomCount}]]</label>
38
38
  </div>
39
39
  {{{ end }}}
40
40
 
@@ -1,9 +1,9 @@
1
1
  <div component="chat/user/list" class="border-start hidden d-flex flex-column gap-1 p-1 overflow-auto" style="min-width:240px; width: 240px;">
2
2
  {{{ each users }}}
3
- <a data-index="{./index}" class="btn btn-sm btn-light d-flex justify-content-start align-items-center gap-2" href="{config.relative_path}/uid/{./uid}">
3
+ <a data-index="{./index}" data-uid="{./uid}" class="btn btn-sm btn-light d-flex justify-content-start align-items-center gap-2" href="{config.relative_path}/uid/{./uid}">
4
4
  <div>{buildAvatar(users, "24px", true)}</div>
5
5
  <div class="d-flex gap-1 flex-grow-1 text-nowrap text-truncate">
6
- <span class="text-truncate">{./username}</span>
6
+ <span component="chat/user/list/username" class="text-truncate">{./username}</span>
7
7
  {{{ if ./isOwner }}}<span><i class="fa fa-star text-warning" data-bs-toggle="tooltip" title="[[modules:chat.owner]]"></i></span>{{{ end }}}
8
8
  </div>
9
9
  </a>