nodebb-theme-persona 15.1.7 → 15.1.8

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": "15.1.7",
3
+ "version": "15.1.8",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.14.0"
6
6
  },
package/scss/account.scss CHANGED
@@ -1,8 +1,4 @@
1
1
  .account {
2
- .breadcrumb {
3
- margin-bottom: 3rem;
4
- }
5
-
6
2
  .edit-form {
7
3
  max-width: 300px;
8
4
  margin-left: auto;
@@ -37,10 +33,6 @@
37
33
  height: 300px;
38
34
  line-height: 300px;
39
35
  }
40
-
41
- .avatar-wrapper {
42
- top: 230px;
43
- }
44
36
  }
45
37
  }
46
38
 
package/scss/mobile.scss CHANGED
@@ -25,8 +25,6 @@
25
25
  }
26
26
 
27
27
  .account {
28
- margin-top: 256px;
29
-
30
28
  .cover .controls i {
31
29
  font-size: 3em;
32
30
  }
package/scss/skins.scss CHANGED
@@ -18,6 +18,10 @@
18
18
  background-color: transparent!important;
19
19
  backdrop-filter: blur(5px);
20
20
  }
21
+ .account .avatar-wrapper.bg-body {
22
+ background: linear-gradient(90deg, rgb(51.3, 182.7, 225.9), rgb(93.6, 98.1, 175.5), rgb(220.4, 47.5, 124.45));
23
+ background-attachment: fixed;
24
+ }
21
25
  }
22
26
 
23
27
  .skin-solar {
@@ -1,14 +1,22 @@
1
1
  <div class="account">
2
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
+ <div class="cover position-absolute start-0 top-0" component="account/cover" style="background-image: url({cover:url}); background-position: {cover:position};">
3
+ <div class="container">
4
+ {{{ if (allowCoverPicture && canEdit) }}}
5
+ <div class="controls text-center">
6
+ <span class="upload p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-upload"></i></span>
7
+ <span class="resize p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-arrows"></i></span>
8
+ <span class="remove p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-times"></i></span>
9
+ </div>
10
+ <a href="#" class="save btn btn-primary">{{tx("groups:cover-save")}} <i class="fa fa-fw fa-floppy-o"></i></a>
11
+ <div class="indicator text-bg-primary">{{tx("groups:cover-saving")}} <i class="fa fa-fw fa-refresh fa-spin"></i></div>
12
+ {{{ end }}}
3
13
 
4
- <div data-widget-area="header">
5
- {{{each widgets.header}}}
6
- {{widgets.header.html}}
7
- {{{end}}}
14
+ <!-- IMPORT partials/account/menu.tpl -->
15
+ </div>
8
16
  </div>
9
17
 
10
- <div class="cover position-absolute start-0 top-0" component="account/cover" style="background-image: url({cover:url}); background-position: {cover:position};">
11
- <div class="avatar-wrapper bg-body rounded-circle position-absolute start-50 top-100 translate-middle hover-parent" data-uid="{uid}" style="padding: 4px;">
18
+ <div class="d-flex gap-2 w-100 pb-4 justify-content-center">
19
+ <div class="avatar-wrapper bg-body rounded-circle position-relative hover-parent" data-uid="{uid}" style="margin-top: -80px; padding: 4px;">
12
20
  {{buildAvatar(@value, "128px", true)}}
13
21
  {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}
14
22
  <a href="#" component="profile/change/picture" class="d-none d-md-block pointer p-2 rounded-1 text-bg-light position-absolute top-50 start-50 translate-middle hover-opacity-75">
@@ -28,18 +36,12 @@
28
36
  </button>
29
37
  {{{ end }}}
30
38
  </div>
39
+ </div>
31
40
 
32
- <div class="container">
33
- {{{ if (allowCoverPicture && canEdit) }}}
34
- <div class="controls text-center">
35
- <span class="upload p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-upload"></i></span>
36
- <span class="resize p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-arrows"></i></span>
37
- <span class="remove p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-times"></i></span>
38
- </div>
39
- <a href="#" class="save btn btn-primary">{{tx("groups:cover-save")}} <i class="fa fa-fw fa-floppy-o"></i></a>
40
- <div class="indicator text-bg-primary">{{tx("groups:cover-saving")}} <i class="fa fa-fw fa-refresh fa-spin"></i></div>
41
- {{{ end }}}
41
+ <!-- IMPORT partials/breadcrumbs.tpl -->
42
42
 
43
- <!-- IMPORT partials/account/menu.tpl -->
44
- </div>
43
+ <div data-widget-area="header">
44
+ {{{each widgets.header}}}
45
+ {{widgets.header.html}}
46
+ {{{end}}}
45
47
  </div>