nodebb-theme-persona 13.0.9 → 13.0.11

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.0.9",
3
+ "version": "13.0.11",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/header.scss CHANGED
@@ -57,16 +57,12 @@
57
57
 
58
58
  .mark-read {
59
59
  color: $text-muted;
60
-
61
- &:after {
62
- font-family: "FontAwesome";
63
- content: fa-content($fa-var-circle);
64
- font-weight: 400;
65
- padding: 4px 1rem;
66
- position: relative;
67
- top: 1px;
60
+ .read {
61
+ display: block;
62
+ }
63
+ .unread {
64
+ display: none;
68
65
  }
69
-
70
66
  &:hover {
71
67
  color: darken($text-muted, 10%);
72
68
  @include pointer;
@@ -80,8 +76,13 @@
80
76
  background-color: darken($warning, 5%);
81
77
  }
82
78
 
83
- .mark-read:after {
84
- font-weight: 900;
79
+ .mark-read {
80
+ .read {
81
+ display: none;
82
+ }
83
+ .unread {
84
+ display: block;
85
+ }
85
86
  }
86
87
  }
87
88
  }
package/scss/topic.scss CHANGED
@@ -140,20 +140,21 @@
140
140
  [component="post/upvote"], [component="post/downvote"] {
141
141
  display: inline-block;
142
142
  padding: 1rem;
143
+ color: $text-muted;
143
144
 
144
145
  &:focus {
145
146
  text-decoration: none;
146
147
  }
147
148
  }
148
149
 
149
- [component="post/upvote"].upvoted {
150
- border-radius: 3px;
151
- border: 1px solid $success;
150
+ [component="post/upvote"].upvoted i {
151
+ @include fa-icon-solid($fa-var-circle-chevron-up);
152
+ color: $primary;
152
153
  }
153
154
 
154
- [component="post/downvote"].downvoted {
155
- border-radius: 3px;
156
- border: 1px solid $warning;
155
+ [component="post/downvote"].downvoted i {
156
+ @include fa-icon-solid($fa-var-circle-chevron-down);
157
+ color: $primary;
157
158
  }
158
159
 
159
160
  [component="post/vote-count"] {
@@ -0,0 +1,85 @@
1
+ <li id="user_label" class="nav-item dropdown" title="[[global:header.profile]]">
2
+ <label for="user-control-list-check" class="" data-bs-toggle="dropdown" id="user_dropdown" role="button">
3
+ {buildAvatar(user, "32px", true)}
4
+ <span id="user-header-name" class="d-block d-sm-none">{user.username}</span>
5
+ </label>
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" aria-labelledby="user_dropdown">
8
+ <li>
9
+ <a class="dropdown-item" component="header/profilelink" href="{relative_path}/user/{user.userslug}">
10
+ <i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i> <span component="header/username">{user.username}</span>
11
+ </a>
12
+ </li>
13
+ <li role="presentation" class="dropdown-divider"></li>
14
+ <li><h6 class="dropdown-header">[[global:status]]</h6></li>
15
+ <li>
16
+ <a href="#" class="dropdown-item user-status" data-status="online">
17
+ <i class="fa fa-fw fa-circle status online"></i><span <!-- IF user.online -->class="bold"<!-- ENDIF user.online -->> [[global:online]]</span>
18
+ </a>
19
+ </li>
20
+ <li>
21
+ <a href="#" class="dropdown-item user-status" data-status="away">
22
+ <i class="fa fa-fw fa-circle status away"></i><span <!-- IF user.away -->class="bold"<!-- ENDIF user.away -->> [[global:away]]</span>
23
+ </a>
24
+ </li>
25
+ <li>
26
+ <a href="#" class="dropdown-item user-status" data-status="dnd">
27
+ <i class="fa fa-fw fa-circle status dnd"></i><span <!-- IF user.dnd -->class="bold"<!-- ENDIF user.dnd -->> [[global:dnd]]</span>
28
+ </a>
29
+ </li>
30
+ <li>
31
+ <a href="#" class="dropdown-item user-status" data-status="offline">
32
+ <i class="fa fa-fw fa-circle status offline"></i><span <!-- IF user.offline -->class="bold"<!-- ENDIF user.offline -->> [[global:invisible]]</span>
33
+ </a>
34
+ </li>
35
+ <li role="presentation" class="dropdown-divider"></li>
36
+ <li>
37
+ <a class="dropdown-item" component="header/profilelink/edit" href="{relative_path}/user/{user.userslug}/edit">
38
+ <i class="fa fa-fw fa-edit"></i> <span>[[user:edit-profile]]</span>
39
+ </a>
40
+ </li>
41
+ <li>
42
+ <a class="dropdown-item" component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings">
43
+ <i class="fa fa-fw fa-gear"></i> <span>[[user:settings]]</span>
44
+ </a>
45
+ </li>
46
+ {{{ if showModMenu }}}
47
+ <li role="presentation" class="dropdown-divider"></li>
48
+ <li><h6 class="dropdown-header">[[pages:moderator-tools]]</h6></li>
49
+ <li>
50
+ <a class="dropdown-item" href="{relative_path}/flags">
51
+ <i class="fa fa-fw fa-flag"></i> <span>[[pages:flagged-content]]</span>
52
+ </a>
53
+ </li>
54
+ <li>
55
+ <a class="dropdown-item" href="{relative_path}/post-queue">
56
+ <i class="fa fa-fw fa-list-alt"></i> <span>[[pages:post-queue]]</span>
57
+ </a>
58
+ </li>
59
+ <li>
60
+ <a class="dropdown-item" href="{relative_path}/ip-blacklist">
61
+ <i class="fa fa-fw fa-ban"></i> <span>[[pages:ip-blacklist]]</span>
62
+ </a>
63
+ </li>
64
+ {{{ else }}}
65
+ {{{ if postQueueEnabled }}}
66
+ <li>
67
+ <a class="dropdown-item" href="{relative_path}/post-queue">
68
+ <i class="fa fa-fw fa-list-alt"></i> <span>[[pages:post-queue]]</span>
69
+ </a>
70
+ </li>
71
+ {{{ end }}}
72
+ {{{ end }}}
73
+
74
+ <li role="presentation" class="dropdown-divider"></li>
75
+ <li component="user/logout">
76
+ <form method="post" action="{relative_path}/logout">
77
+ <input type="hidden" name="_csrf" value="{config.csrf_token}">
78
+ <input type="hidden" name="noscript" value="true">
79
+ <button type="submit" class="dropdown-item">
80
+ <i class="fa fa-fw fa-sign-out"></i><span> [[global:logout]]</span>
81
+ </button>
82
+ </form>
83
+ </li>
84
+ </ul>
85
+ </li>
@@ -105,7 +105,7 @@
105
105
  <ul id="logged-in-menu" class="navbar-nav me-0 mb-2 mb-lg-0 align-items-center">
106
106
  <li class="nav-item notifications dropdown d-none d-sm-block" component="notifications" title="[[global:header.notifications]]">
107
107
  <a href="{relative_path}/notifications" class="nav-link" data-bs-toggle="dropdown" id="notif_dropdown" data-ajaxify="false" role="button">
108
- <i component="notifications/icon" class="fa fa-fw fa-bell-o unread-count" data-content="{unreadCount.notification}"></i>
108
+ <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>
109
109
  </a>
110
110
  <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="notif_dropdown">
111
111
  <li>
@@ -147,91 +147,7 @@
147
147
  </li>
148
148
  <!-- ENDIF canChat -->
149
149
 
150
- <li id="user_label" class="nav-item dropdown" title="[[global:header.profile]]">
151
- <label for="user-control-list-check" class="" data-bs-toggle="dropdown" id="user_dropdown" role="button">
152
- {buildAvatar(user, "32px", true)}
153
- <span id="user-header-name" class="d-block d-sm-none">{user.username}</span>
154
- </label>
155
- <input type="checkbox" class="hidden" id="user-control-list-check" aria-hidden="true">
156
- <ul id="user-control-list" component="header/usercontrol" class="dropdown-menu dropdown-menu-end" aria-labelledby="user_dropdown">
157
- <li>
158
- <a class="dropdown-item" component="header/profilelink" href="{relative_path}/user/{user.userslug}">
159
- <i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i> <span component="header/username">{user.username}</span>
160
- </a>
161
- </li>
162
- <li role="presentation" class="dropdown-divider"></li>
163
- <li><h6 class="dropdown-header">[[global:status]]</h6></li>
164
- <li>
165
- <a href="#" class="dropdown-item user-status" data-status="online">
166
- <i class="fa fa-fw fa-circle status online"></i><span <!-- IF user.online -->class="bold"<!-- ENDIF user.online -->> [[global:online]]</span>
167
- </a>
168
- </li>
169
- <li>
170
- <a href="#" class="dropdown-item user-status" data-status="away">
171
- <i class="fa fa-fw fa-circle status away"></i><span <!-- IF user.away -->class="bold"<!-- ENDIF user.away -->> [[global:away]]</span>
172
- </a>
173
- </li>
174
- <li>
175
- <a href="#" class="dropdown-item user-status" data-status="dnd">
176
- <i class="fa fa-fw fa-circle status dnd"></i><span <!-- IF user.dnd -->class="bold"<!-- ENDIF user.dnd -->> [[global:dnd]]</span>
177
- </a>
178
- </li>
179
- <li>
180
- <a href="#" class="dropdown-item user-status" data-status="offline">
181
- <i class="fa fa-fw fa-circle status offline"></i><span <!-- IF user.offline -->class="bold"<!-- ENDIF user.offline -->> [[global:invisible]]</span>
182
- </a>
183
- </li>
184
- <li role="presentation" class="dropdown-divider"></li>
185
- <li>
186
- <a class="dropdown-item" component="header/profilelink/edit" href="{relative_path}/user/{user.userslug}/edit">
187
- <i class="fa fa-fw fa-edit"></i> <span>[[user:edit-profile]]</span>
188
- </a>
189
- </li>
190
- <li>
191
- <a class="dropdown-item" component="header/profilelink/settings" href="{relative_path}/user/{user.userslug}/settings">
192
- <i class="fa fa-fw fa-gear"></i> <span>[[user:settings]]</span>
193
- </a>
194
- </li>
195
- {{{ if showModMenu }}}
196
- <li role="presentation" class="dropdown-divider"></li>
197
- <li><h6 class="dropdown-header">[[pages:moderator-tools]]</h6></li>
198
- <li>
199
- <a class="dropdown-item" href="{relative_path}/flags">
200
- <i class="fa fa-fw fa-flag"></i> <span>[[pages:flagged-content]]</span>
201
- </a>
202
- </li>
203
- <li>
204
- <a class="dropdown-item" href="{relative_path}/post-queue">
205
- <i class="fa fa-fw fa-list-alt"></i> <span>[[pages:post-queue]]</span>
206
- </a>
207
- </li>
208
- <li>
209
- <a class="dropdown-item" href="{relative_path}/ip-blacklist">
210
- <i class="fa fa-fw fa-ban"></i> <span>[[pages:ip-blacklist]]</span>
211
- </a>
212
- </li>
213
- {{{ else }}}
214
- {{{ if postQueueEnabled }}}
215
- <li>
216
- <a class="dropdown-item" href="{relative_path}/post-queue">
217
- <i class="fa fa-fw fa-list-alt"></i> <span>[[pages:post-queue]]</span>
218
- </a>
219
- </li>
220
- {{{ end }}}
221
- {{{ end }}}
222
-
223
- <li role="presentation" class="dropdown-divider"></li>
224
- <li component="user/logout">
225
- <form method="post" action="{relative_path}/logout">
226
- <input type="hidden" name="_csrf" value="{config.csrf_token}">
227
- <input type="hidden" name="noscript" value="true">
228
- <button type="submit" class="dropdown-item">
229
- <i class="fa fa-fw fa-sign-out"></i><span> [[global:logout]]</span>
230
- </button>
231
- </form>
232
- </li>
233
- </ul>
234
- </li>
150
+ <!-- IMPORT partials/header/user-menu.tpl -->
235
151
  </ul>
236
152
  {{{ else }}}
237
153
  <ul id="logged-out-menu" class="navbar-nav me-0 mb-2 mb-lg-0 align-items-center">
@@ -18,7 +18,12 @@
18
18
  </a>
19
19
 
20
20
  <div class="notification-chat-controls">
21
- {{{ if ./nid }}}<div class="mark-read" aria-label="Mark Read"></div>{{{ end }}}
21
+ {{{ if ./nid }}}
22
+ <div class="mark-read" aria-label="Mark Read">
23
+ <i class="unread fa fa-circle"></i>
24
+ <i class="read fa fa-circle-o"></i>
25
+ </div>
26
+ {{{ end }}}
22
27
  <span class="relTime">{notifications.timeago}</span>
23
28
  </div>
24
29
  </li>