nodebb-theme-persona 13.3.61 → 13.3.63

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 (6) hide show
  1. package/package.json +1 -1
  2. package/scss/account.scss +2 -4
  3. package/templates/partials/account/header.tpl +6 -6
  4. package/templates/partials/categories/item.tpl +4 -4
  5. package/templates/partials/categories/lastpost.tpl +1 -1
  6. package/templates/partials/topics_list.tpl +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "13.3.61",
3
+ "version": "13.3.63",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.7.0"
6
6
  },
package/scss/account.scss CHANGED
@@ -74,10 +74,8 @@
74
74
  }
75
75
  }
76
76
 
77
- &:hover {
78
- .controls {
79
- opacity: 0.8;
80
- }
77
+ &:hover .controls, .controls:focus-within {
78
+ opacity: 0.8;
81
79
  }
82
80
 
83
81
  .controls {
package/templates/partials/account/header.tpl CHANGED
@@ -30,18 +30,18 @@
30
30
  </div>
31
31
 
32
32
  <div class="container">
33
- <!-- IMPORT partials/account/menu.tpl -->
34
-
35
33
  <!-- IF allowCoverPicture -->
36
34
  <!-- IF canEdit -->
37
35
  <div class="controls">
38
- <span class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></span>
39
- <span class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></span>
40
- <span class="remove"><i class="fa fa-fw fa-4x fa-times"></i></span>
36
+ <a href="#" class="upload"><i class="fa fa-fw fa-4x fa-upload"></i></a>
37
+ <a href="#" class="resize"><i class="fa fa-fw fa-4x fa-arrows"></i></a>
38
+ <a href="#" class="remove"><i class="fa fa-fw fa-4x fa-times"></i></a>
41
39
  </div>
42
- <div class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
40
+ <a href="#" class="save">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></a>
43
41
  <div class="indicator">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
44
42
  <!-- ENDIF canEdit -->
45
43
  <!-- ENDIF allowCoverPicture -->
44
+
45
+ <!-- IMPORT partials/account/menu.tpl -->
46
46
  </div>
47
47
  </div>
package/templates/partials/categories/item.tpl CHANGED
@@ -22,16 +22,16 @@
22
22
  {{{ end }}}
23
23
  {{{ if !config.hideSubCategories }}}
24
24
  {{{ if ./children.length }}}
25
- <div class="category-children row row-cols-1 row-cols-md-2 g-2 my-1 w-100">
25
+ <ul class="list-unstyled category-children row row-cols-1 row-cols-md-2 g-2 my-1 w-100">
26
26
  {{{ each ./children }}}
27
27
  {{{ if !./isSection }}}
28
- <span class="category-children-item small d-flex gap-1 align-items-center">
28
+ <li class="category-children-item small d-flex gap-1 align-items-center">
29
29
  {buildCategoryIcon(@value, "24px", "rounded-circle")}
30
30
  <a href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" class="text-reset">{./name}</a>
31
- </span>
31
+ </li>
32
32
  {{{ end }}}
33
33
  {{{ end }}}
34
- </div>
34
+ </ul>
35
35
  {{{ end }}}
36
36
  {{{ end }}}
37
37
  </div>
package/templates/partials/categories/lastpost.tpl CHANGED
@@ -3,7 +3,7 @@
3
3
  {{{ if @first }}}
4
4
  <div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
5
5
  <div class="text-nowrap text-truncate">
6
- <a class="text-decoration-none" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true, "avatar-tooltip")}</a>
6
+ <a class="text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true)}</a>
7
7
  <a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="[[global:lastpost]]"></a>
8
8
  </div>
9
9
  <div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
package/templates/partials/topics_list.tpl CHANGED
@@ -10,8 +10,8 @@
10
10
 
11
11
  <div class="d-flex p-0 col-12 col-lg-7 gap-2 gap-lg-3 pe-1 align-items-start {{{ if config.theme.mobileTopicTeasers }}}mb-2 mb-lg-0{{{ end }}}">
12
12
  <div class="flex-shrink-0 position-relative">
13
- <a class="text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
14
- {buildAvatar(./user, "40px", true, "avatar avatar-tooltip")}
13
+ <a class="d-inline-block text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
14
+ {buildAvatar(./user, "40px", true)}
15
15
  </a>
16
16
  {{{ if showSelect }}}
17
17
  <div class="checkbox position-absolute top-100 start-50 translate-middle-x m-0 d-none d-lg-flex" style="max-width:max-content">
@@ -114,7 +114,7 @@
114
114
  {{{ else }}}
115
115
  {{{ if ./teaser.pid }}}
116
116
  <div class="ps-2">
117
- <a href="{{{ if ./teaser.user.userslug }}}{config.relative_path}/user/{./teaser.user.userslug}{{{ else }}}#{{{ end }}}" class="text-decoration-none">{buildAvatar(./teaser.user, "18px", true, "avatar-tooltip not-responsive")}</a>
117
+ <a href="{{{ if ./teaser.user.userslug }}}{config.relative_path}/user/{./teaser.user.userslug}{{{ else }}}#{{{ end }}}" class="text-decoration-none avatar-tooltip" title="{./teaser.user.displayname}">{buildAvatar(./teaser.user, "18px", true)}</a>
118
118
  <a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./slug}/{./teaser.index}" title="{./teaser.timestampISO}" aria-label="[[global:lastpost]]"></a>
119
119
  </div>
120
120
  <div class="post-content text-xs ps-2 line-clamp-sm-2 lh-sm text-break position-relative flex-fill">