nodebb-theme-harmony 1.2.93 → 1.2.95
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 +1 -1
- package/scss/modules/cover.scss +2 -4
- package/scss/overrides.scss +2 -0
- package/scss/skins.scss +9 -0
- package/templates/partials/account/header.tpl +6 -6
- package/templates/partials/categories/item.tpl +4 -4
- package/templates/partials/categories/lastpost.tpl +1 -1
- package/templates/partials/topic/post.tpl +2 -2
- package/templates/partials/topics_list.tpl +3 -3
package/package.json
CHANGED
package/scss/modules/cover.scss
CHANGED
package/scss/overrides.scss
CHANGED
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
|
-
<
|
|
8
|
-
<
|
|
9
|
-
<
|
|
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
|
-
<
|
|
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
|
-
<
|
|
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
|
-
</
|
|
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
|
-
<
|
|
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
|
-
<
|
|
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
|
-
</
|
|
27
|
+
</li>
|
|
28
28
|
{{{ end }}}
|
|
29
29
|
{{{ end }}}
|
|
30
|
-
</
|
|
30
|
+
</ul>
|
|
31
31
|
{{{ end }}}
|
|
32
32
|
{{{ end }}}
|
|
33
33
|
</div>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
{{{ if @first }}}
|
|
4
4
|
<div component="category/posts" class="ps-2 text-xs d-flex flex-column h-100 gap-1">
|
|
5
5
|
<div class="text-nowrap text-truncate">
|
|
6
|
-
<a class="text-decoration-none" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true
|
|
6
|
+
<a class="text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(posts.user, "18px", true)}</a>
|
|
7
7
|
<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./topic.slug}{{{ if ./index }}}/{./index}{{{ end }}}" title="{./timestampISO}" aria-label="[[global:lastpost]]"></a>
|
|
8
8
|
</div>
|
|
9
9
|
<div class="post-content text-xs text-break line-clamp-sm-2 lh-sm position-relative flex-fill">
|
|
@@ -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:
|
|
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.
|
|
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">
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
<div class="d-flex p-0 col-12 col-lg-7 gap-2 gap-lg-3 pe-1 align-items-start {{{ if config.theme.mobileTopicTeasers }}}mb-2 mb-lg-0{{{ end }}}">
|
|
12
12
|
<div class="flex-shrink-0 position-relative">
|
|
13
|
-
<a class="text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
|
|
14
|
-
{buildAvatar(./user, "40px", true
|
|
13
|
+
<a class="d-inline-block text-decoration-none avatar-tooltip" title="{./user.displayname}" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
|
|
14
|
+
{buildAvatar(./user, "40px", true)}
|
|
15
15
|
</a>
|
|
16
16
|
{{{ if showSelect }}}
|
|
17
17
|
<div class="checkbox position-absolute top-100 start-50 translate-middle-x pt-2 m-0 d-none d-lg-flex" style="max-width:max-content">
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
{{{ else }}}
|
|
115
115
|
{{{ if ./teaser.pid }}}
|
|
116
116
|
<div class="ps-2">
|
|
117
|
-
<a href="{{{ if ./teaser.user.userslug }}}{config.relative_path}/user/{./teaser.user.userslug}{{{ else }}}#{{{ end }}}" class="text-decoration-none">{buildAvatar(./teaser.user, "18px", true
|
|
117
|
+
<a href="{{{ if ./teaser.user.userslug }}}{config.relative_path}/user/{./teaser.user.userslug}{{{ else }}}#{{{ end }}}" class="text-decoration-none avatar-tooltip" title="{./teaser.user.displayname}">{buildAvatar(./teaser.user, "18px", true)}</a>
|
|
118
118
|
<a class="permalink text-muted timeago text-xs" href="{config.relative_path}/topic/{./slug}/{./teaser.index}" title="{./teaser.timestampISO}" aria-label="[[global:lastpost]]"></a>
|
|
119
119
|
</div>
|
|
120
120
|
<div class="post-content text-xs ps-2 line-clamp-sm-2 lh-sm text-break position-relative flex-fill">
|