nodebb-theme-harmony 1.0.0-beta.16 → 1.0.0-beta.17

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 (4) hide show
  1. package/package.json +1 -1
  2. package/scss/modules/cover.scss +1 -11
  3. package/templates/account/edit.tpl +1 -1
  4. package/templates/partials/account/header.tpl +9 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.0.0-beta.16",
3
+ "version": "1.0.0-beta.17",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/modules/cover.scss CHANGED
@@ -12,12 +12,11 @@
12
12
 
13
13
  &:hover {
14
14
  .controls {
15
- opacity: 0.8;
15
+ opacity: 1;
16
16
  }
17
17
  }
18
18
 
19
19
  .controls {
20
- text-align: center;
21
20
  height: 200px;
22
21
  line-height: 200px;
23
22
  opacity: 0;
@@ -28,15 +27,6 @@
28
27
  > * {
29
28
  pointer-events: all;
30
29
  }
31
-
32
- .fa {
33
- color: white;
34
- background-color: #333;
35
- opacity: 1;
36
- margin: 15px;
37
- padding: 5px;
38
- border-radius: 4px;
39
- }
40
30
  }
41
31
 
42
32
  &.active {
package/templates/account/edit.tpl CHANGED
@@ -74,7 +74,7 @@
74
74
  <div class="text-center">
75
75
  <ul class="list-group mb-3 text-sm text-nowrap">
76
76
  <!-- IF allowProfilePicture -->
77
- <a id="changePictureBtn" href="#" class="list-group-item px-1 text-decoration-none">[[user:change_picture]]</a>
77
+ <a component="profile/change/picture" href="#" class="list-group-item px-1 text-decoration-none">[[user:change_picture]]</a>
78
78
  <!-- ENDIF allowProfilePicture -->
79
79
  <!-- IF !username:disableEdit -->
80
80
  <a href="{config.relative_path}/user/{userslug}/edit/username" class="list-group-item px-1 text-decoration-none">[[user:change_username]]</a>
package/templates/partials/account/header.tpl CHANGED
@@ -8,10 +8,10 @@
8
8
  <div class="container">
9
9
  {{{ if allowCoverPicture }}}
10
10
  {{{ if canEdit }}}
11
- <div class="controls">
12
- <span class="upload"><i class="fa fa-fw fa-2x fa-upload"></i></span>
13
- <span class="resize"><i class="fa fa-fw fa-2x fa-arrows"></i></span>
14
- <span class="remove"><i class="fa fa-fw fa-2x fa-times"></i></span>
11
+ <div class="controls text-center">
12
+ <span class="upload p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-upload"></i></span>
13
+ <span class="resize p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-arrows"></i></span>
14
+ <span class="remove p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-times"></i></span>
15
15
  </div>
16
16
  <div class="save text-bg-primary">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
17
17
  <div class="indicator text-bg-primary">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
@@ -21,19 +21,16 @@
21
21
  </div>
22
22
 
23
23
  <div class="d-flex flex-column flex-md-row gap-2 w-100 pb-4 mb-4 mt-2 border-bottom">
24
- <div class="avatar-wrapper border-4 position-relative align-self-start d-none d-md-block" style="margin-top: -75px;">
24
+ <div {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}component="profile/change/picture"{{{ end }}} class="avatar-wrapper border-4 position-relative align-self-center align-self-md-start hover-parent" style="margin-top: -75px;">
25
25
  {{{ if picture }}}
26
26
  <img src="{picture}" class="avatar avatar-rounded" style="--avatar-size: 142px;" />
27
27
  {{{ else }}}
28
28
  <div class="avatar avatar-rounded" style="background-color: {icon:bgColor}; --avatar-size: 142px;" title="{username}">{icon:text}</div>
29
29
  {{{ end }}}
30
- </div>
31
-
32
- <div class="avatar-wrapper border-4 position-relative align-self-center d-block d-md-none" style="margin-top: -75px;">
33
- {{{ if picture }}}
34
- <img src="{picture}" class="avatar avatar-rounded" style="--avatar-size: 142px;" />
35
- {{{ else }}}
36
- <div class="avatar avatar-rounded" style="background-color: {icon:bgColor}; --avatar-size: 142px;" title="{username}">{icon:text}</div>
30
+ {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}
31
+ <div component="profile/change/picture" class="d-none d-md-block pointer p-2 rounded-1 opacity-75 text-bg-light position-absolute top-50 start-50 translate-middle hover-visible">
32
+ <span class="upload"><i class="fa fa-fw fa-upload"></i></span>
33
+ </div>
37
34
  {{{ end }}}
38
35
  </div>
39
36