nodebb-theme-harmony 1.0.59 → 1.0.61
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/common.scss +0 -1
- package/scss/modules/topic-navigator.scss +1 -1
- package/scss/topic.scss +4 -2
- package/templates/partials/post_bar.tpl +3 -3
- package/templates/partials/topic/navigator.tpl +1 -1
- package/templates/partials/topic/post.tpl +1 -1
- package/templates/partials/topic-list-bar.tpl +3 -3
- package/templates/topic.tpl +13 -13
package/package.json
CHANGED
package/scss/common.scss
CHANGED
package/scss/topic.scss
CHANGED
|
@@ -7,9 +7,12 @@
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.topic {
|
|
10
|
-
.posts {
|
|
10
|
+
.posts-container {
|
|
11
11
|
max-width: 960px;
|
|
12
12
|
width: 960px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.posts {
|
|
13
16
|
// fixes code blocks pushing content out on mobile
|
|
14
17
|
@include media-breakpoint-down(md) {
|
|
15
18
|
max-width: calc(100vw - $grid-gutter-width);
|
|
@@ -81,7 +84,6 @@
|
|
|
81
84
|
}
|
|
82
85
|
|
|
83
86
|
.quick-reply {
|
|
84
|
-
max-width: 960px;
|
|
85
87
|
@include topic-avatars();
|
|
86
88
|
}
|
|
87
89
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}}">
|
|
2
|
-
<nav class="
|
|
3
|
-
<div class="
|
|
4
|
-
<ul class="
|
|
2
|
+
<nav class="d-flex flex-nowrap my-2 p-0 border-0 rounded topic-main-buttons">
|
|
3
|
+
<div class="d-flex flex-row p-2 text-bg-light border rounded w-100 align-items-center">
|
|
4
|
+
<ul class="d-flex list-unstyled me-auto mb-0 gap-2 align-items-center flex-wrap">
|
|
5
5
|
{{{ if loggedIn }}}
|
|
6
6
|
<button component="topic/mark-unread" class="btn-ghost-sm d-flex gap-2 align-items-center">
|
|
7
7
|
<i class="fa fa-fw fa-inbox text-primary"></i>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div class="pagination-block d-none d-lg-block flex-grow-1 mb-
|
|
1
|
+
<div class="pagination-block d-none d-lg-block flex-grow-1 mb-4">
|
|
2
2
|
<div class="d-flex justify-content-end sticky-top mt-4" style="top:6rem;z-index:1;">
|
|
3
3
|
<div class="ps-1 ps-md-0 d-inline-block">
|
|
4
4
|
<div class="scroller-content d-flex gap-2 flex-column align-items-start">
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
{{{ end }}}
|
|
8
8
|
|
|
9
9
|
<div class="d-flex align-items-start gap-3">
|
|
10
|
-
<div class="icon
|
|
10
|
+
<div class="icon bg-body d-none d-sm-block rounded-circle" style="outline: 2px solid var(--bs-body-bg);">
|
|
11
11
|
<a class="d-inline-block position-relative text-decoration-none" href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">
|
|
12
12
|
{buildAvatar(posts.user, "48px", true, "", "user/picture")}
|
|
13
13
|
<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>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}} mb-3">
|
|
2
|
-
<nav class="topic-list-header
|
|
3
|
-
<div class="
|
|
4
|
-
<ul component="category/controls" class="
|
|
2
|
+
<nav class="topic-list-header d-flex flex-nowrap my-2 p-0 border-0 rounded">
|
|
3
|
+
<div class="d-flex flex-row p-2 text-bg-light gap-1 border rounded w-100 align-items-center">
|
|
4
|
+
<ul component="category/controls" class="d-flex list-unstyled me-auto mb-0 gap-2 align-items-start flex-wrap">
|
|
5
5
|
{{{ if template.category }}}
|
|
6
6
|
<!-- IMPORT partials/category/watch.tpl -->
|
|
7
7
|
<!-- IMPORT partials/tags/filter-dropdown-left.tpl -->
|
package/templates/topic.tpl
CHANGED
|
@@ -56,7 +56,8 @@
|
|
|
56
56
|
{{{ end }}}
|
|
57
57
|
|
|
58
58
|
<div class="d-flex gap-0 gap-lg-5">
|
|
59
|
-
<
|
|
59
|
+
<div class="posts-container" style="min-width: 0;">
|
|
60
|
+
<ul component="topic" class="posts timeline list-unstyled mt-sm-2 p-0 py-3" style="min-width: 0;" data-tid="{tid}" data-cid="{cid}">
|
|
60
61
|
{{{each posts}}}
|
|
61
62
|
<li component="post" class="pt-4 {{{ if posts.deleted }}}deleted{{{ end }}} {{{ if posts.selfPost }}}self-post{{{ end }}} {{{ if posts.topicOwnerPost }}}topic-owner-post{{{ end }}}" <!-- IMPORT partials/data/topic.tpl -->>
|
|
62
63
|
<a component="post/anchor" data-index="{./index}" id="{increment(./index, "1")}"></a>
|
|
@@ -72,22 +73,21 @@
|
|
|
72
73
|
{{{ end }}}
|
|
73
74
|
{{{ end }}}
|
|
74
75
|
{{{end}}}
|
|
75
|
-
|
|
76
|
+
</ul>
|
|
77
|
+
{{{ if browsingUsers }}}
|
|
78
|
+
<div class="visible-xs">
|
|
79
|
+
<!-- IMPORT partials/topic/browsing-users.tpl -->
|
|
80
|
+
<hr/>
|
|
81
|
+
</div>
|
|
82
|
+
{{{ end }}}
|
|
83
|
+
{{{ if config.theme.enableQuickReply }}}
|
|
84
|
+
<!-- IMPORT partials/topic/quickreply.tpl -->
|
|
85
|
+
{{{ end }}}
|
|
86
|
+
</div>
|
|
76
87
|
|
|
77
88
|
<!-- IMPORT partials/topic/navigator.tpl -->
|
|
78
89
|
</div>
|
|
79
90
|
|
|
80
|
-
{{{ if browsingUsers }}}
|
|
81
|
-
<div class="visible-xs">
|
|
82
|
-
<!-- IMPORT partials/topic/browsing-users.tpl -->
|
|
83
|
-
<hr/>
|
|
84
|
-
</div>
|
|
85
|
-
{{{ end }}}
|
|
86
|
-
|
|
87
|
-
{{{ if config.theme.enableQuickReply }}}
|
|
88
|
-
<!-- IMPORT partials/topic/quickreply.tpl -->
|
|
89
|
-
{{{ end }}}
|
|
90
|
-
|
|
91
91
|
{{{ if config.usePagination }}}
|
|
92
92
|
<!-- IMPORT partials/paginator.tpl -->
|
|
93
93
|
{{{ end }}}
|