nodebb-theme-persona 14.0.0 → 14.0.1

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 (2) hide show
  1. package/package.json +1 -1
  2. package/templates/partials/header/user-menu.tpl +17 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "14.0.0",
3
+ "version": "14.0.1",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.0.0"
6
6
  },
package/templates/partials/header/user-menu.tpl CHANGED
@@ -4,32 +4,37 @@
4
4
  <span id="user-header-name" class="d-block d-sm-none">{user.username}</span>
5
5
  </a>
6
6
  <input type="checkbox" class="hidden" id="user-control-list-check" aria-hidden="true">
7
- <ul id="user-control-list" component="header/usercontrol" class="dropdown-menu dropdown-menu-end p-1" aria-labelledby="user_dropdown" role="menu">
7
+ <ul id="user-control-list" component="header/usercontrol" class="overscroll-behavior-contain user-dropdown dropdown-menu shadow p-1 text-sm ff-base" role="menu">
8
8
  <li>
9
- <a class="dropdown-item" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem">
10
- <i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i> <span component="header/username">{user.username}</span>
9
+ <a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem" aria-label="[[user:profile]]">
10
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status {user.status}"><span class="visually-hidden">[[global:{user.status}]]</span></span>
11
+ <span class="fw-semibold" component="header/username">{user.username}</span>
11
12
  </a>
12
13
  </li>
13
14
  <li role="presentation" class="dropdown-divider"></li>
14
- <li><h6 class="dropdown-header">[[global:status]]</h6></li>
15
+ <li><h6 class="dropdown-header text-xs">[[global:status]]</h6></li>
15
16
  <li>
16
- <a href="#" class="dropdown-item user-status {{{ if user.online }}}selected{{{ end }}}" data-status="online" role="menuitem">
17
- <i class="fa fa-fw fa-circle status online"></i><span> [[global:online]]</span>
17
+ <a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.online }}}selected{{{ end }}}" data-status="online" role="menuitem">
18
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status online"></span>
19
+ <span class="flex-grow-1">[[global:online]]</span>
18
20
  </a>
19
21
  </li>
20
22
  <li>
21
- <a href="#" class="dropdown-item user-status {{{ if user.away }}}selected{{{ end }}}" data-status="away" role="menuitem">
22
- <i class="fa fa-fw fa-circle status away"></i><span> [[global:away]]</span>
23
+ <a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.away }}}selected{{{ end }}}" data-status="away" role="menuitem">
24
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status away"></span>
25
+ <span class="flex-grow-1">[[global:away]]</span>
23
26
  </a>
24
27
  </li>
25
28
  <li>
26
- <a href="#" class="dropdown-item user-status {{{ if user.dnd }}}selected{{{ end }}}" data-status="dnd" role="menuitem">
27
- <i class="fa fa-fw fa-circle status dnd"></i><span> [[global:dnd]]</span>
29
+ <a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.dnd }}}selected{{{ end }}}" data-status="dnd" role="menuitem">
30
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status dnd"></span>
31
+ <span class="flex-grow-1">[[global:dnd]]</span>
28
32
  </a>
29
33
  </li>
30
34
  <li>
31
- <a href="#" class="dropdown-item user-status {{{ if user.offline }}}selected{{{ end }}}" data-status="offline" role="menuitem">
32
- <i class="fa fa-fw fa-circle status offline"></i><span> [[global:invisible]]</span>
35
+ <a href="#" class="dropdown-item rounded-1 user-status d-flex align-items-center gap-2 {{{ if user.offline }}}selected{{{ end }}}" data-status="offline" role="menuitem">
36
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status offline"></span>
37
+ <span class="flex-grow-1">[[global:invisible]]</span>
33
38
  </a>
34
39
  </li>
35
40
  <li role="presentation" class="dropdown-divider"></li>