nodebb-theme-persona 14.2.2 → 14.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.
Files changed (18) hide show
  1. package/package.json +1 -1
  2. package/scss/account.scss +1 -1
  3. package/scss/modules/fab.scss +0 -4
  4. package/templates/account/categories.tpl +1 -1
  5. package/templates/account/profile.tpl +1 -1
  6. package/templates/account/topics.tpl +1 -1
  7. package/templates/account/uploads.tpl +22 -27
  8. package/templates/notifications.tpl +1 -1
  9. package/templates/partials/account/menu.tpl +1 -1
  10. package/templates/partials/notifications_list.tpl +10 -7
  11. package/templates/partials/post_bar.tpl +1 -1
  12. package/templates/partials/topic/sort.tpl +1 -1
  13. package/templates/partials/topic/tools.tpl +1 -1
  14. package/templates/partials/topic/watch.tpl +1 -1
  15. package/templates/partials/topic-filters.tpl +1 -1
  16. package/templates/partials/topic-terms.tpl +1 -1
  17. package/templates/unread.tpl +1 -1
  18. package/templates/world.tpl +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "14.2.2",
3
+ "version": "14.2.4",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.0.0"
6
6
  },
package/scss/account.scss CHANGED
@@ -237,7 +237,7 @@
237
237
  }
238
238
 
239
239
 
240
- .btn-group.account-fab {
240
+ .dropdown.account-fab {
241
241
  position: absolute;
242
242
  right: 15px;
243
243
  bottom: -26px;
package/scss/modules/fab.scss CHANGED
@@ -11,10 +11,6 @@
11
11
  width: 55.5px;
12
12
  }
13
13
 
14
- .btn-group.open .dropdown-toggle.persona-fab {
15
- box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.156863), 0px 2px 10px 0px rgba(0, 0, 0, 0.117647);
16
- }
17
-
18
14
  .persona-fab.btn-morph {
19
15
  padding: 0;
20
16
 
package/templates/account/categories.tpl CHANGED
@@ -4,7 +4,7 @@
4
4
  <div class="d-flex justify-content-between align-items-center mb-3">
5
5
  <h1 class="fs-4">{title}</h1>
6
6
  <div class="mb-2">
7
- <div class="btn-group bottom-sheet" component="category/watch/all">
7
+ <div class="dropdown bottom-sheet" component="category/watch/all">
8
8
  <button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
9
9
  <span>[[user:change-all]]</span>
10
10
  <span class="caret"></span>
package/templates/account/profile.tpl CHANGED
@@ -8,7 +8,7 @@
8
8
  <!-- IF banned -->
9
9
  <div class="text-center">
10
10
  <!-- IF banned_until -->
11
- [[user:info.banned-until, {banned_until_readable}]]
11
+ [[user:info.banned-until, {isoTimeToLocaleString(./banned_until_readable, config.userLang)}]]
12
12
  <!-- ELSE -->
13
13
  [[user:info.banned-permanently]]
14
14
  <!-- ENDIF banned_until -->
package/templates/account/topics.tpl CHANGED
@@ -4,7 +4,7 @@
4
4
  <div class="d-flex gap-1">
5
5
  <h3 class="fw-semibold fs-4 mb-0 align-self-center">[[global:topics]]</h3>
6
6
  {{{ if showSort }}}
7
- <div class="btn-group bottom-sheet" component="thread/sort">
7
+ <div class="dropdown bottom-sheet" component="thread/sort">
8
8
  <button title="[[global:sort]]" class="btn btn-ghost btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="button"><i class="fa-solid fa-arrow-up-wide-short"></i></button>
9
9
  <ul class="dropdown-menu p-1 text-sm" role="menu">
10
10
  {{{each sortOptions }}}
package/templates/account/uploads.tpl CHANGED
@@ -10,33 +10,28 @@
10
10
  <div class="alert alert-warning text-center">[[uploads:no-uploads-found]]</div>
11
11
  <!-- ENDIF !uploads.length -->
12
12
 
13
- <div class="row">
14
- <div class="col-12">
15
- <table class="table table-striped">
16
- <thead>
17
- <tr>
18
- <th></th>
19
- <th></th>
20
- </tr>
21
- </thead>
22
- <tbody>
23
- {{{each uploads}}}
24
- <tr data-name="{uploads.name}">
25
- <td>
26
- <a href="{config.relative_path}{uploads.url}">{uploads.url}</a>
27
- </td>
28
- <td>
29
- <div class="btn-group ">
30
- <button class="btn btn-danger btn-sm" data-action="delete"><i class="fa fa-trash"></i></button>
31
- </div>
32
- </td>
33
- </tr>
34
- {{{end}}}
35
- </tbody>
36
- </table>
37
-
38
- <!-- IMPORT partials/paginator.tpl -->
39
- </div>
13
+ <div class="table-responsive">
14
+ <table class="table table-striped w-100">
15
+ <thead>
16
+ <tr>
17
+ <th></th>
18
+ <th></th>
19
+ </tr>
20
+ </thead>
21
+ <tbody>
22
+ {{{ each uploads }}}
23
+ <tr data-name="{./name}">
24
+ <td>
25
+ <a class="text-break" href="{config.relative_path}{./url}">{./url}</a>
26
+ </td>
27
+ <td style="width: 1%; white-space: nowrap;">
28
+ <button class="btn btn-danger btn-sm" data-action="delete" aria-label="[[aria:delete-upload-button]]"><i class="fa fa-trash"></i></button>
29
+ </td>
30
+ </tr>
31
+ {{{ end }}}
32
+ </tbody>
33
+ </table>
40
34
  </div>
41
35
 
36
+ <!-- IMPORT partials/paginator.tpl -->
42
37
  <!-- IMPORT partials/account/footer.tpl -->
package/templates/notifications.tpl CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  <!-- IMPORT partials/breadcrumbs.tpl -->
5
5
  <div class="d-flex gap-2 justify-content-end" role="toolbar">
6
- <div class="btn-group me-2">
6
+ <div class="dropdown me-2">
7
7
  <button class="btn btn-ghost btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
8
8
  {{{ if selectedFilter }}}{selectedFilter.name}{{{ end}}} <span class="caret"></span>
9
9
  </button>
package/templates/partials/account/menu.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <div class="btn-group account-fab bottom-sheet">
1
+ <div class="dropdown account-fab bottom-sheet">
2
2
  <button type="button" class="persona-fab dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
3
3
  <i class="fa fa-ellipsis-v"></i>
4
4
  </button>
package/templates/partials/notifications_list.tpl CHANGED
@@ -10,21 +10,24 @@
10
10
  <div class="d-flex gap-1 justify-content-between">
11
11
  <div class="btn btn-ghost btn-sm d-flex gap-2 flex-grow-1 align-items-start text-start">
12
12
  <a class="flex-grow-0 flex-shrink-0" href="{{{ if ./user.userslug}}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
13
- {{{ if (./image && ./from) }}}
14
- <img class="avatar avatar-rounded" style="--avatar-size: 32px;" src="{./image}" />
13
+ {{{ if ./user }}}
14
+ {buildAvatar(./user, "32px", true)}
15
15
  {{{ else }}}
16
- {{{ if ./icon }}}
17
- <div class="avatar avatar-rounded" style="--avatar-size: 32px;"><i class="text-secondary fa {./icon}"></i></div>
18
- {{{ else }}}
19
- <div class="avatar avatar-rounded" style="--avatar-size: 32px; background-color: {./user.icon:bgColor};">{./user.icon:text}</div>
16
+ {{{ if (./icon || ./image) }}}
17
+ <div class="avatar avatar-rounded" style="--avatar-size: 32px;"><i class="text-secondary fa {{{ if ./icon }}}{./icon}{{{ else }}}{./image}{{{ end }}}"></i></div>
20
18
  {{{ end }}}
21
19
  {{{ end }}}
22
20
  </a>
23
21
 
24
- <div class="d-flex flex-grow-1 flex-column align-items-start position-relative">
22
+ <div class="d-flex flex-grow-1 flex-column gap-1 align-items-start position-relative">
25
23
  <a href="{./path}" class="text-decoration-none d-inline-block text-reset text-break text-sm ff-sans stretched-link" component="notifications/item/link">
26
24
  {./bodyShort}
27
25
  </a>
26
+ {{{ if ./bodyLong}}}
27
+ <div class="text-secondary text-sm line-clamp-2 text-contain hidden-blockquote hidden-pre hidden-first-child-br">
28
+ {./bodyLong}
29
+ </div>
30
+ {{{ end }}}
28
31
  <div class="text-xs text-muted">{{{ if ./timeagoLong }}}{./timeagoLong}{{{ else }}}<span class="timeago" title="{./datetimeISO}"></span>{{{ end }}}</div>
29
32
  </div>
30
33
  </div>
package/templates/partials/post_bar.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <div class="topic-main-buttons float-end d-inline-block">
1
+ <div class="topic-main-buttons d-flex gap-2 align-items-center">
2
2
  <span class="loading-indicator btn float-start hidden" done="0">
3
3
  <span class="hidden-xs">[[topic:loading-more-posts]]</span> <i class="fa fa-refresh fa-spin"></i>
4
4
  </span>
package/templates/partials/topic/sort.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <div title="[[topic:sort-by]]" class="btn-group bottom-sheet hidden-xs" component="thread/sort">
1
+ <div title="[[topic:sort-by]]" class="dropdown bottom-sheet hidden-xs" component="thread/sort">
2
2
  <button class="btn btn-sm btn-ghost dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="[[aria:post-sort-option, {sortOptionLabel}]]">
3
3
  <i class="fa fa-fw fa-arrow-down-wide-short text-secondary"></i></button>
4
4
  <ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
package/templates/partials/topic/tools.tpl CHANGED
@@ -1,5 +1,5 @@
1
1
  {{{ if privileges.view_thread_tools }}}
2
- <div title="[[topic:thread-tools.title]]" class="btn-group thread-tools bottom-sheet">
2
+ <div title="[[topic:thread-tools.title]]" class="dropdown thread-tools bottom-sheet">
3
3
  <button class="btn btn-sm btn-ghost dropdown-toggle" data-bs-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
4
4
  <i class="fa fa-fw fa-gear text-secondary"></i>
5
5
  </button>
package/templates/partials/topic/watch.tpl CHANGED
@@ -1,5 +1,5 @@
1
1
  {{{ if config.loggedIn }}}
2
- <div class="btn-group bottom-sheet" component="topic/watch"
2
+ <div class="dropdown bottom-sheet" component="topic/watch"
3
3
  data-bs-toggle="tooltip"
4
4
  {{{if isFollowing}}}title="[[topic:watching]]"{{{end}}}
5
5
  {{{if isNotFollowing}}}title="[[topic:not-watching]]"{{{end}}}
package/templates/partials/topic-filters.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <div class="btn-group bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
1
+ <div class="dropdown bottom-sheet{{{ if !filters.length }}} hidden{{{ end }}}">
2
2
  <button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
3
3
  <i class="fa fa-fw fa-filter text-primary"></i>
4
4
  <span class="visible-md-inline visible-lg-inline fw-semibold">{selectedFilter.name}</span>
package/templates/partials/topic-terms.tpl CHANGED
@@ -1,4 +1,4 @@
1
- <div class="btn-group bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
1
+ <div class="dropdown bottom-sheet {{{ if !terms.length }}}hidden{{{ end }}}">
2
2
  <button type="button" class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
3
3
  <i class="fa fa-fw fa-clock text-primary"></i>
4
4
  <span class="visible-md-inline visible-lg-inline fw-semibold">{selectedTerm.name}</span>
package/templates/unread.tpl CHANGED
@@ -17,7 +17,7 @@
17
17
  <!-- IMPORT partials/topic-filters.tpl -->
18
18
  <!-- IMPORT partials/category/filter-dropdown-right.tpl -->
19
19
 
20
- <div class="markread btn-group {{{ if !topics.length }}}hidden{{{ end }}}">
20
+ <div class="markread {{{ if !topics.length }}}hidden{{{ end }}}">
21
21
  <!-- IMPORT partials/category/selector-dropdown-right.tpl -->
22
22
  </div>
23
23
 
package/templates/world.tpl CHANGED
@@ -70,7 +70,7 @@
70
70
  <div class="col-lg-8 col-sm-12">
71
71
  {{{ if posts.length }}}
72
72
  <div class="topic-list-header sticky-top btn-toolbar justify-content-end align-items-center px-1 py-2 mb-2 flex-nowrap">
73
- <div class="btn-group bottom-sheet">
73
+ <div class="dropdown bottom-sheet">
74
74
  <button class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center dropdown-toggle" data-bs-toggle="dropdown">
75
75
  <i class="fa fa-fw fa-arrow-down-wide-short text-primary"></i>
76
76
  <span id="sort-label" class="visible-md-inline visible-lg-inline fw-semibold"></span>