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

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 (17) 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/categories.tpl +1 -1
  5. package/templates/partials/account/header.tpl +10 -17
  6. package/templates/partials/{category-filter-content.tpl → category/filter-dropdown-content.tpl} +0 -0
  7. package/templates/partials/{category-selector-content.tpl → category/selector-dropdown-content.tpl} +0 -0
  8. package/templates/partials/category/subcategory.tpl +1 -1
  9. package/templates/partials/flags/filters.tpl +1 -1
  10. package/templates/partials/groups/admin.tpl +1 -1
  11. package/templates/partials/topic-list-bar.tpl +3 -3
  12. package/templates/partials/users/filter-dropdown-content.tpl +20 -0
  13. package/templates/post-queue.tpl +1 -2
  14. package/templates/partials/category-filter-right.tpl +0 -5
  15. package/templates/partials/category-filter.tpl +0 -3
  16. package/templates/partials/category-selector-right.tpl +0 -5
  17. package/templates/partials/category-selector.tpl +0 -3
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.19",
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/categories.tpl CHANGED
@@ -6,7 +6,7 @@
6
6
  <div class="row">
7
7
  <div class="{{{ if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
8
8
  {{{ if pagination.pages.length }}}
9
- <div><!-- IMPORT partials/category-selector.tpl --></div>
9
+ <div><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
10
10
  {{{ end }}}
11
11
  <ul class="categories list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
12
12
  {{{ each categories }}}
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,12 @@
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;">
25
- {{{ if picture }}}
26
- <img src="{picture}" class="avatar avatar-rounded" style="--avatar-size: 142px;" />
27
- {{{ else }}}
28
- <div class="avatar avatar-rounded" style="background-color: {icon:bgColor}; --avatar-size: 142px;" title="{username}">{icon:text}</div>
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>
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
+ {buildAvatar(@value, "142px", true)}
26
+ {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}
27
+ <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">
28
+ <span class="upload"><i class="fa fa-fw fa-upload"></i></span>
29
+ </div>
37
30
  {{{ end }}}
38
31
  </div>
39
32
 
package/templates/partials/category/subcategory.tpl CHANGED
@@ -1,7 +1,7 @@
1
1
  {{{ if children.length }}}
2
2
  <div class="subcategory">
3
3
  {{{ if hasMoreSubCategories }}}
4
- <div class="mb-2"><!-- IMPORT partials/category-selector.tpl --></div>
4
+ <div class="mb-2"><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
5
5
  {{{ else }}}
6
6
  <h3 class="fs-6 fw-semibold">[[category:subcategories]]</h3>
7
7
  {{{ end }}}
package/templates/partials/flags/filters.tpl CHANGED
@@ -30,7 +30,7 @@
30
30
  <div class="mb-3">
31
31
  <label class="form-label" for="filter-cid">[[flags:filter-cid]]</label>
32
32
  <div class="input-group">
33
- <!-- IMPORT partials/category-filter.tpl -->
33
+ <!-- IMPORT partials/category/filter-dropdown-left.tpl -->
34
34
  </div>
35
35
  </div>
36
36
  <div class="mb-3">
package/templates/partials/groups/admin.tpl CHANGED
@@ -82,7 +82,7 @@
82
82
  <label class="form-label" for="memberPostCids">[[groups:details.member-post-cids]]</label>
83
83
  <div class="d-flex gap-1">
84
84
  <div class="member-post-cids-selector">
85
- <!-- IMPORT partials/category-selector.tpl -->
85
+ <!-- IMPORT partials/category/selector-dropdown-left.tpl -->
86
86
  </div>
87
87
  <input id="memberPostCids" type="text" class="form-control" value="{group.memberPostCids}">
88
88
  </div>
package/templates/partials/topic-list-bar.tpl CHANGED
@@ -10,15 +10,15 @@
10
10
  {{{ end }}}
11
11
  {{{ if (template.unread || (template.recent || (template.popular || template.top))) }}}
12
12
  <!-- IMPORT partials/topic-filters.tpl -->
13
- <!-- IMPORT partials/category-filter.tpl -->
13
+ <!-- IMPORT partials/category/filter-dropdown-left.tpl -->
14
14
  {{{ end }}}
15
15
  {{{ if template.unread }}}
16
16
  <div class="markread btn-group {{{ if !topics.length }}}hidden{{{ end }}}">
17
- <!-- IMPORT partials/category-selector.tpl -->
17
+ <!-- IMPORT partials/category/selector-dropdown-left.tpl -->
18
18
  </div>
19
19
  {{{ end }}}
20
20
  {{{ if template.tag }}}
21
- <!-- IMPORT partials/category-filter.tpl -->
21
+ <!-- IMPORT partials/category/filter-dropdown-left.tpl -->
22
22
  {{{ end }}}
23
23
  <!-- IMPORT partials/category/tools.tpl -->
24
24
 
package/templates/partials/users/filter-dropdown-content.tpl ADDED
@@ -0,0 +1,20 @@
1
+ <button type="button" class="btn-ghost-sm dropdown-toggle" data-bs-toggle="dropdown">
2
+ {{{ if selectedUser }}}
3
+ <span class="fw-semibold">{buildAvatar(selectedUser, "20px", true, "not-responsive")} {selectedUser.username}</span>
4
+ {{{ else }}}
5
+ <span class="fw-semibold">[[users:all-users]]</span>
6
+ {{{ end }}} <span class="caret"></span>
7
+ </button>
8
+ <ul class="dropdown-menu" role="menu">
9
+ <li role="presentation" class="user {{{ if !selectedUser}}}selected{{{end}}}">
10
+ <a class="dropdown-item" role="menu-item" href="{config.relative_path}/{allUsersUrl}"><i class="fa fa-fw {{{ if !selectedUser }}}fa-check{{{ end }}}"></i>[[users:all-users]]</a>
11
+ </li>
12
+ {{{ each users }}}
13
+ <li role="presentation" class="user {{{ if ./selected}}}selected{{{end}}}">
14
+ <a class="dropdown-item" role="menu-item" href="{config.relative_path}/{./url}">
15
+ <i class="fa fa-fw {{{ if ./selected }}}fa-check{{{ end }}}"></i>
16
+ <div class="d-inline-flex gap-1 align-items-center">{buildAvatar(@value, "24px", true, "not-responsive")} {./username}</div>
17
+ </a>
18
+ </li>
19
+ {{{end}}}
20
+ </ul>
package/templates/post-queue.tpl CHANGED
@@ -1,8 +1,7 @@
1
- <!-- IMPORT partials/breadcrumbs.tpl -->
2
1
  <div class="btn-toolbar justify-content-end">
3
2
  {{{ if (!singlePost && posts.length) }}}
4
3
  <div class="me-2">
5
- <!-- IMPORT partials/category-filter-right.tpl -->
4
+ <!-- IMPORT partials/category/filter-dropdown-right.tpl -->
6
5
  </div>
7
6
  <div class="btn-group bottom-sheet" component="post-queue/bulk-actions">
8
7
  <button type="button" class="btn-ghost-sm dropdown-toggle" data-bs-toggle="dropdown" autocomplete="off" aria-haspopup="true" aria-expanded="false">
package/templates/partials/category-filter-right.tpl DELETED
@@ -1,5 +0,0 @@
1
- <!-- THIS FILE IS STILL PERSONA -->
2
-
3
- <div component="category/dropdown" class="btn-group right category-dropdown-container bottom-sheet">
4
- <!-- IMPORT partials/category-filter-content.tpl -->
5
- </div>
package/templates/partials/category-filter.tpl DELETED
@@ -1,3 +0,0 @@
1
- <div component="category/dropdown" class="btn-group category-dropdown-container bottom-sheet">
2
- <!-- IMPORT partials/category-filter-content.tpl -->
3
- </div>
package/templates/partials/category-selector-right.tpl DELETED
@@ -1,5 +0,0 @@
1
- <!-- THIS FILE IS STILL PERSONA -->
2
-
3
- <div component="category-selector" class="btn-group right category-dropdown-container bottom-sheet">
4
- <!-- IMPORT partials/category-selector-content.tpl -->
5
- </div>
package/templates/partials/category-selector.tpl DELETED
@@ -1,3 +0,0 @@
1
- <div component="category-selector" class="btn-group bottom-sheet">
2
- <!-- IMPORT partials/category-selector-content.tpl -->
3
- </div>