nodebb-theme-harmony 1.2.92 → 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.92",
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 {
package/scss/topic.scss CHANGED
@@ -100,7 +100,7 @@ body.template-topic {
100
100
  }
101
101
 
102
102
 
103
- [component="topic/thumb/list"] {
103
+ [component="topic/thumb/list"] > a{
104
104
  height: calc($font-size-base * 4);
105
105
  }
106
106
  }
@@ -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">
@@ -1,5 +1,5 @@
1
1
  {{{ each thumbs }}}
2
- <a class="d-inline-block h-100" href="{./url}">
2
+ <a class="d-inline-block" href="{./url}">
3
3
  <img class="rounded-1 h-100 bg-light" style="max-width: 5.33rem; object-fit: contain;" src="{./url}" />
4
4
  </a>
5
5
  {{{ end }}}
@@ -49,7 +49,7 @@
49
49
  <div class="d-flex hidden-xs gap-2"><!-- IMPORT partials/topic/stats.tpl --></div>
50
50
  </div>
51
51
  </div>
52
- <div class="d-flex gap-2 justify-content-end align-items-center mt-2 hidden-empty" component="topic/thumb/list"><!-- IMPORT partials/topic/thumbs.tpl --></div>
52
+ <div class="d-flex gap-2 align-items-center mt-2 hidden-empty" component="topic/thumb/list"><!-- IMPORT partials/topic/thumbs.tpl --></div>
53
53
  </div>
54
54
 
55
55
  <div class="row mb-4 mb-lg-0">