nodebb-theme-harmony 1.2.12 → 1.2.13

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.2.12",
3
+ "version": "1.2.13",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.5.0"
6
6
  },
@@ -33,7 +33,8 @@ $body-bg: $white !default;
33
33
  $body-tertiary-bg: $gray-200 !default;
34
34
  $text-muted: $gray-600 !default;
35
35
  $border-color: $gray-200 !default;
36
- $link-color: shade-color($blue, 20%) !default;
36
+ // $link-color: shade-color($blue, 20%) !default;
37
+ $link-color: #0951be !default;
37
38
 
38
39
  // no caret on dropdown-toggle
39
40
  $enable-caret: false;
@@ -1,4 +1,4 @@
1
- <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" component="chat/dropdown" aria-haspopup="true" aria-expanded="false">
1
+ <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" component="chat/dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.chats]]">
2
2
  <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
3
3
  <span class="position-relative">
4
4
  <i component="chat/icon" class="fa fa-fw {{{ if unreadCount.chat}}}fa-comment{{{ else }}}fa-comment-o{{{ end }}} unread-count" data-content="{unreadCount.chat}"></i>
@@ -1,4 +1,4 @@
1
- <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" aria-haspopup="true" aria-expanded="false">
1
+ <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.drafts]]">
2
2
  <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
3
3
  <span class="position-relative">
4
4
  <i component="drafts/icon" class="fa fa-fw fa-pen-to-square unread-count"></i>
@@ -1,4 +1,4 @@
1
- <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" aria-haspopup="true" aria-expanded="false">
1
+ <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative" aria-haspopup="true" aria-expanded="false" aria-label="[[global:header.notifications]]">
2
2
  <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
3
3
  <span class="position-relative">
4
4
  <i component="notifications/icon" class="fa fa-fw {{{ if unreadCount.notification}}}fa-bell{{{ else }}}fa-bell-o{{{ end }}} unread-count" data-content="{unreadCount.notification}"></i>
@@ -1,4 +1,4 @@
1
- <a component="search/button" id="search-button" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1
+ <a component="search/button" id="search-button" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[global:search]]">
2
2
  <span>
3
3
  <i class="fa fa-search fa-fw"></i>
4
4
  </span>
@@ -1,10 +1,10 @@
1
- <a component="header/avatar" id="user_dropdown" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1
+ <a component="header/avatar" id="user_dropdown" href="#" role="button" class="nav-link d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[user:user-menu]]">
2
2
  {buildAvatar(user, "20px", true)}
3
3
  <span id="user-header-name" class="nav-text small visible-open fw-semibold">{user.username}</span>
4
4
  </a>
5
- <ul id="user-control-list" component="header/usercontrol" class="overscroll-behavior-contain user-dropdown dropdown-menu shadow p-1 text-sm ff-base" aria-labelledby="user_dropdown" role="menu">
5
+ <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">
6
6
  <li>
7
- <a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}" role="menuitem">
7
+ <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]]">
8
8
  <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>
9
9
  <span class="fw-semibold" component="header/username">{user.username}</span>
10
10
  </a>
@@ -13,28 +13,28 @@
13
13
  <li><h6 class="dropdown-header text-xs">[[global:status]]</h6></li>
14
14
  <li>
15
15
  <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">
16
- <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status online"><span class="visually-hidden">[[global:online]]</span></span>
16
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status online"></span>
17
17
  <span class="flex-grow-1">[[global:online]]</span>
18
- <i class="fa-solid fa-check text-muted flex-shrink-0"></i>
18
+ <i class="fa-solid fa-check text-muted flex-shrink-0" aria-label="[[global:selected]]"></i>
19
19
  </a>
20
20
  </li>
21
21
  <li>
22
22
  <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">
23
- <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status away"><span class="visually-hidden">[[global:away]]</span></span>
23
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status away"></span>
24
24
  <span class="flex-grow-1">[[global:away]]</span>
25
- <i class="fa-solid fa-check text-muted flex-shrink-0"></i>
25
+ <i class="fa-solid fa-check text-muted flex-shrink-0"><span class="visually-hidden"></span>[[global:selected]]</span></i>
26
26
  </a>
27
27
  </li>
28
28
  <li>
29
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 class="visually-hidden">[[global:dnd]]</span></span>
30
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status dnd"></span>
31
31
  <span class="flex-grow-1">[[global:dnd]]</span>
32
32
  <i class="fa-solid fa-check text-muted flex-shrink-0"></i>
33
33
  </a>
34
34
  </li>
35
35
  <li>
36
36
  <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">
37
- <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status offline"><span class="visually-hidden">[[global:invisible]]</span></span>
37
+ <span component="user/status" class="flex-shrink-0 border border-white border-2 rounded-circle status offline"></span>
38
38
  <span class="flex-grow-1">[[global:invisible]]</span>
39
39
  <i class="fa-solid fa-check text-muted flex-shrink-0"></i>
40
40
  </a>
@@ -92,10 +92,10 @@
92
92
 
93
93
  <li role="presentation" class="dropdown-divider"></li>
94
94
  <li component="user/logout">
95
- <form method="post" action="{relative_path}/logout">
95
+ <form method="post" action="{relative_path}/logout" role="menuitem">
96
96
  <input type="hidden" name="_csrf" value="{config.csrf_token}">
97
97
  <input type="hidden" name="noscript" value="true">
98
- <button type="submit" class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem">
98
+ <button type="submit" class="dropdown-item rounded-1 d-flex align-items-center gap-2">
99
99
  <i class="fa fa-fw fa-sign-out text-muted"></i><span>[[global:logout]]</span>
100
100
  </button>
101
101
  </form>