nodebb-theme-harmony 1.2.93 → 1.2.94

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-harmony",
3
- "version": "1.2.93",
3
+ "version": "1.2.94",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.7.0"
6
6
  },
@@ -10,10 +10,8 @@
10
10
  left: auto;
11
11
  right: 0px;
12
12
 
13
- &:hover {
14
- .controls {
15
- opacity: 1;
16
- }
13
+ &:hover .controls, .controls:focus-within {
14
+ opacity: 1;
17
15
  }
18
16
 
19
17
  .controls {
@@ -37,6 +37,8 @@ $link-color: #0951be !default;
37
37
 
38
38
  $form-check-input-border: var(--bs-border-width) solid $gray-500 !default;
39
39
 
40
+ $input-placeholder-color: $gray-600!important;
41
+
40
42
  // no caret on dropdown-toggle
41
43
  $enable-caret: false;
42
44
 
package/scss/skins.scss CHANGED
@@ -3,6 +3,15 @@
3
3
  [component="post"] .icon {
4
4
  background-color: transparent !important;
5
5
  }
6
+ .form-control::placeholder {
7
+ color:$gray-100!important;
8
+ }
9
+ }
10
+
11
+ .skin-solar {
12
+ .form-control::placeholder {
13
+ color:$gray-100!important;
14
+ }
6
15
  }
7
16
 
8
17
  .skin-quartz, .skin-lux, .skin-morph {
@@ -4,11 +4,11 @@
4
4
  {{{ if allowCoverPicture }}}
5
5
  {{{ if canEdit }}}
6
6
  <div class="controls text-center">
7
- <span class="upload p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-upload"></i></span>
8
- <span class="resize p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-arrows"></i></span>
9
- <span class="remove p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-times"></i></span>
7
+ <a href="#" class="upload p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-upload"></i></a>
8
+ <a href="#" class="resize p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-arrows"></i></a>
9
+ <a href="#" class="remove p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-times"></i></a>
10
10
  </div>
11
- <div class="save text-bg-primary">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></div>
11
+ <a href="#" class="save text-bg-primary">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></a>
12
12
  <div class="indicator text-bg-primary">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
13
13
  {{{ end }}}
14
14
  {{{ end }}}
@@ -19,9 +19,9 @@
19
19
  <div {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}component="profile/change/picture"{{{ end }}} class="avatar-wrapper border border-white border-4 rounded-circle position-relative align-self-center align-self-md-start hover-parent" style="margin-top: -75px;">
20
20
  {buildAvatar(@value, "142px", true)}
21
21
  {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}
22
- <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">
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">
23
23
  <span class="upload"><i class="fa fa-fw fa-upload"></i></span>
24
- </div>
24
+ </a>
25
25
  {{{ end }}}
26
26
  </div>
27
27
 
@@ -16,18 +16,18 @@
16
16
  {{{ end }}}
17
17
  {{{ if !config.hideSubCategories }}}
18
18
  {{{ if ./children.length }}}
19
- <div class="category-children row row-cols-1 row-cols-md-2 g-2 my-1 w-100">
19
+ <ul class="list-unstyled category-children row row-cols-1 row-cols-md-2 g-2 my-1 w-100">
20
20
  {{{ each ./children }}}
21
21
  {{{ if !./isSection }}}
22
- <span class="category-children-item small">
22
+ <li class="category-children-item small">
23
23
  <div class="d-flex gap-1">
24
24
  <i class="fa fa-fw fa-caret-right text-primary" style="line-height: var(--bs-body-line-height);"></i>
25
25
  <a href="{{{ if ./link }}}{./link}{{{ else }}}{config.relative_path}/category/{./slug}{{{ end }}}" class="text-reset fw-semibold">{./name}</a>
26
26
  </div>
27
- </span>
27
+ </li>
28
28
  {{{ end }}}
29
29
  {{{ end }}}
30
- </div>
30
+ </ul>
31
31
  {{{ end }}}
32
32
  {{{ end }}}
33
33
  </div>
@@ -7,7 +7,7 @@
7
7
  {{{ end }}}
8
8
  <div class="d-flex align-items-start gap-3">
9
9
  <div class="bg-body d-none d-sm-block rounded-circle" style="outline: 2px solid var(--bs-body-bg);">
10
- <a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" aria-label="[[aria:user-avatar-for, {./user.username}]]">
10
+ <a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" aria-label="[[aria:profile-page-for, {./user.displayname}]]">
11
11
  {buildAvatar(posts.user, "48px", true, "", "user/picture")}
12
12
  <span component="user/status" class="position-absolute translate-middle-y border border-white border-2 rounded-circle status {posts.user.status}"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
13
13
  </a>
@@ -15,7 +15,7 @@
15
15
  <div class="post-container d-flex gap-2 flex-grow-1 flex-column w-100" style="min-width:0;">
16
16
  <div class="d-flex align-items-start justify-content-between gap-1 flex-nowrap w-100 post-header" itemprop="author" itemscope itemtype="https://schema.org/Person">
17
17
  <div class="d-flex gap-1 flex-wrap align-items-center">
18
- <meta itemprop="name" content="{./user.username}">
18
+ <meta itemprop="name" content="{./user.displayname}">
19
19
  {{{ if ./user.userslug }}}<meta itemprop="url" content="{config.relative_path}/user/{./user.userslug}">{{{ end }}}
20
20
 
21
21
  <div class="bg-body d-sm-none">