nodebb-theme-harmony 1.2.5 → 1.2.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.
Files changed (13) hide show
  1. package/package.json +1 -1
  2. package/scss/sidebar.scss +9 -11
  3. package/templates/partials/breadcrumbs-json-ld.tpl +1 -1
  4. package/templates/partials/mobile-footer.tpl +4 -4
  5. package/templates/partials/sidebar/chats.tpl +1 -1
  6. package/templates/partials/sidebar/drafts.tpl +1 -1
  7. package/templates/partials/sidebar/logged-out-menu.tpl +2 -2
  8. package/templates/partials/sidebar/notifications.tpl +1 -1
  9. package/templates/partials/sidebar/search-mobile.tpl +2 -2
  10. package/templates/partials/sidebar/search.tpl +1 -1
  11. package/templates/partials/sidebar/user-menu.tpl +2 -2
  12. package/templates/partials/sidebar-left.tpl +2 -2
  13. package/templates/partials/skin-switcher.tpl +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.2.5",
3
+ "version": "1.2.7",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.5.0"
6
6
  },
package/scss/sidebar.scss CHANGED
@@ -49,29 +49,27 @@
49
49
 
50
50
  .nav-link {
51
51
  @extend .ff-secondary;
52
- padding: 0;
52
+ padding: ($spacer * 0.25) ($spacer * 0.5);
53
+ border-radius: $border-radius-sm;
54
+ cursor: pointer;
53
55
  &.active {
54
56
  background-color: $hover-color;
55
57
  }
58
+ &:hover {
59
+ background-color: $hover-color;
60
+ }
56
61
  }
62
+
57
63
  .nav-item {
58
64
  .dropdown-menu .dropdown-item {
59
65
  @extend .rounded-1;
60
66
  }
61
67
  }
68
+
62
69
  #user_dropdown .avatar {
63
70
  margin: 2px 0; // fixes the avatar so its height is same as the icons on right sidebar
64
71
  }
65
72
 
66
- .nav-btn {
67
- padding: ($spacer * 0.25) ($spacer * 0.5);
68
- border-radius: $border-radius-sm;
69
- cursor: pointer;
70
- &:hover {
71
- background-color: $hover-color;
72
- }
73
- }
74
-
75
73
  .sidebar-toggle {
76
74
  justify-content: start;
77
75
  .fa-angles-right { display: inline-block; }
@@ -144,7 +142,7 @@
144
142
  font-size: 1rem;
145
143
  color: $body-color;
146
144
  }
147
- .nav-btn {
145
+ .nav-link {
148
146
  padding: 8px;
149
147
  border-radius: $border-radius-sm;
150
148
  }
package/templates/partials/breadcrumbs-json-ld.tpl CHANGED
@@ -14,7 +14,7 @@
14
14
  ,{
15
15
  "@type": "ListItem",
16
16
  "position": {increment(@index, "1")},
17
- "name": "{./text}"
17
+ "name": "{stripTags(./text)}"
18
18
  {{{ if !@last }}}
19
19
  ,"item": "{./url}"
20
20
  {{{ end }}}
package/templates/partials/mobile-footer.tpl CHANGED
@@ -5,7 +5,7 @@
5
5
  <div class="bottombar-nav p-2 text-dark bg-light d-flex justify-content-between align-items-center w-100">
6
6
  <div class="bottombar-nav-left d-flex gap-3 align-items-center">
7
7
  <div>
8
- <a href="#" role="button" class="nav-link nav-btn d-flex justify-content-between align-items-center position-relative" data-bs-toggle="dropdown">
8
+ <a href="#" role="button" class="nav-link d-flex justify-content-between align-items-center position-relative" data-bs-toggle="dropdown">
9
9
  <span class="position-relative">
10
10
  <i class="fa fa-fw fa-lg fa-bars"></i>
11
11
  <span component="unread/count" data-unread-url="{unreadCount.unreadUrl}" class="position-absolute top-0 start-100 translate-middle badge rounded-1 bg-primary {{{ if !unreadCount.mobileUnread }}}hidden{{{ end }}}">{unreadCount.mobileUnread}</span>
@@ -15,7 +15,7 @@
15
15
  {{{ each navigation }}}
16
16
  {{{ if displayMenuItem(@root, @index) }}}
17
17
  <li class="nav-item {./class}{{{ if ./dropdown }}} dropend{{{ end }}}" title="{./title}">
18
- <a class="nav-link nav-btn navigation-link px-3 py-2 {{{ if ./dropdown }}}dropdown-toggle{{{ end }}}"
18
+ <a class="nav-link navigation-link px-3 py-2 {{{ if ./dropdown }}}dropdown-toggle{{{ end }}}"
19
19
  {{{ if ./dropdown }}} href="#" role="button" data-bs-toggle="collapse" data-bs-target="#collapse-target-{@index}" onclick="event.stopPropagation();" {{{ else }}} href="{./route}"{{{ end }}} {{{ if ./id }}}id="{./id}"{{{ end }}}{{{ if ./targetBlank }}} target="_blank"{{{ end }}}>
20
20
  <span class="d-inline-flex justify-content-between align-items-center w-100">
21
21
  <span class="text-nowrap">
@@ -80,14 +80,14 @@
80
80
 
81
81
  {{{ if allowRegistration }}}
82
82
  <li class="nav-item mx-2" title="[[global:register]]">
83
- <a class="nav-link nav-btn" href="{relative_path}/register">
83
+ <a class="nav-link" href="{relative_path}/register">
84
84
  <i class="fa fa-fw fa-user-plus"></i>
85
85
  </a>
86
86
  </li>
87
87
  {{{ end }}}
88
88
 
89
89
  <li class="nav-item mx-2" title="[[global:login]]">
90
- <a class="nav-link nav-btn" href="{relative_path}/login">
90
+ <a class="nav-link" href="{relative_path}/login">
91
91
  <i class="fa fa-fw fa-sign-in"></i>
92
92
  </a>
93
93
  </li>
package/templates/partials/sidebar/chats.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link nav-btn d-flex gap-2 justify-content-between align-items-center position-relative" component="chat/dropdown">
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">
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>
package/templates/partials/sidebar/drafts.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link nav-btn d-flex gap-2 justify-content-between align-items-center position-relative">
1
+ <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative">
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>
package/templates/partials/sidebar/logged-out-menu.tpl CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  <li class="nav-item mx-2 order-last order-md-first" title="[[global:login]]">
3
- <a class="nav-link nav-btn" href="{relative_path}/login">
3
+ <a class="nav-link" href="{relative_path}/login">
4
4
  <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
5
5
  <span class="position-relative">
6
6
  <i class="fa fa-fw fa-sign-in"></i>
@@ -13,7 +13,7 @@
13
13
  {{{ if allowRegistration }}}
14
14
  <li class="nav-item mx-2" title="[[global:register]]">
15
15
  <span class="text-xs visible-open">[[login:dont-have-account]]</span>
16
- <a class="nav-link nav-btn" href="{relative_path}/register">
16
+ <a class="nav-link" href="{relative_path}/register">
17
17
  <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
18
18
  <span class="position-relative">
19
19
  <i class="fa fa-fw fa-user-plus"></i>
package/templates/partials/sidebar/notifications.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link nav-btn d-flex gap-2 justify-content-between align-items-center position-relative">
1
+ <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link d-flex gap-2 justify-content-between align-items-center position-relative">
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>
package/templates/partials/sidebar/search-mobile.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <a component="search/button" id="search-button" href="#" role="button" class="nav-link nav-btn text-truncate" data-bs-toggle="dropdown" title="[[global:header.search]]">
1
+ <a component="search/button" id="search-button" href="#" role="button" class="nav-link text-truncate" data-bs-toggle="dropdown" title="[[global:header.search]]">
2
2
  <i class="fa fa-search fa-fw"></i>
3
3
  <span class="nav-text visible-open px-2 fw-semibold">[[global:search]]</span>
4
4
  </a>
@@ -18,7 +18,7 @@
18
18
  <div class="d-flex gap-1 input-container">
19
19
  <input autocomplete="off" type="text" class="form-control" placeholder="[[global:search]]" name="query" value="">
20
20
 
21
- <div class="nav-btn d-flex justify-content-center align-items-center advanced-search-link">
21
+ <div class="nav-link d-flex justify-content-center align-items-center advanced-search-link">
22
22
  <i class="fa fa-gears fa-fw text-muted"></i>
23
23
  </div>
24
24
  </div>
package/templates/partials/sidebar/search.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <a component="search/button" id="search-button" href="#" role="button" class="nav-link nav-btn d-flex gap-2 align-items-center text-truncate" data-bs-toggle="dropdown">
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">
2
2
  <span>
3
3
  <i class="fa fa-search fa-fw"></i>
4
4
  </span>
package/templates/partials/sidebar/user-menu.tpl CHANGED
@@ -1,7 +1,7 @@
1
- <label class="nav-link nav-btn text-truncate d-flex gap-2 align-items-center" data-bs-toggle="dropdown" id="user_dropdown" role="button" component="header/avatar">
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">
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
- </label>
4
+ </a>
5
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">
6
6
  <li>
7
7
  <a class="dropdown-item rounded-1 d-flex align-items-center gap-2" component="header/profilelink" href="{relative_path}/user/{user.userslug}">
package/templates/partials/sidebar-left.tpl CHANGED
@@ -3,7 +3,7 @@
3
3
  {{{ each navigation }}}
4
4
  {{{ if displayMenuItem(@root, @index) }}}
5
5
  <li class="nav-item mx-2 {./class}{{{ if ./dropdown }}} dropend{{{ end }}}" title="{./title}">
6
- <a class="nav-link nav-btn navigation-link d-flex gap-2 justify-content-between align-items-center {{{ if ./dropdown }}}dropdown-toggle{{{ end }}}"
6
+ <a class="nav-link navigation-link d-flex gap-2 justify-content-between align-items-center {{{ if ./dropdown }}}dropdown-toggle{{{ end }}}"
7
7
  {{{ if ./dropdown }}} href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" {{{ else }}} href="{./route}"{{{ end }}} {{{ if ./id }}}id="{./id}"{{{ end }}}{{{ if ./targetBlank }}} target="_blank"{{{ end }}}>
8
8
  <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
9
9
  <span class="position-relative">
@@ -33,7 +33,7 @@
33
33
  {{{ end }}}
34
34
 
35
35
  <div class="sidebar-toggle m-2 d-none d-lg-block">
36
- <a href="#" role="button" component="sidebar/toggle" class="nav-btn d-flex gap-2 align-items-center p-2 pointer nav-link w-100 text-nowrap" title="[[themes/harmony:expand]]">
36
+ <a href="#" role="button" component="sidebar/toggle" class="nav-link d-flex gap-2 align-items-center p-2 pointer w-100 text-nowrap" title="[[themes/harmony:expand]]">
37
37
  <i class="fa fa-fw fa-angles-right"></i>
38
38
  <i class="fa fa-fw fa-angles-left"></i>
39
39
  <span class="nav-text visible-open fw-semibold small lh-1">[[themes/harmony:collapse]]</span>
package/templates/partials/skin-switcher.tpl CHANGED
@@ -1,5 +1,5 @@
1
1
  <div class="dropend m-2" component="skinSwitcher" title="[[themes/harmony:skins]]">
2
- <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link nav-btn position-relative">
2
+ <a data-bs-toggle="dropdown" href="#" role="button" class="nav-link position-relative">
3
3
  <span class="justify-content-between w-100">
4
4
  <span class="d-flex gap-2 align-items-center text-nowrap truncate-open">
5
5
  <span>