nodebb-theme-harmony 1.0.1 → 1.0.3
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/topic.scss +7 -2
- package/templates/topic.tpl +38 -27
package/package.json
CHANGED
package/scss/topic.scss
CHANGED
|
@@ -53,8 +53,10 @@
|
|
|
53
53
|
pre {
|
|
54
54
|
max-height: calc($font-size-base * 24);
|
|
55
55
|
}
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
@include media-breakpoint-up(lg) {
|
|
57
|
+
table { // text-break breaks table formatting
|
|
58
|
+
word-break:initial!important;
|
|
59
|
+
}
|
|
58
60
|
}
|
|
59
61
|
}
|
|
60
62
|
|
|
@@ -125,6 +127,9 @@
|
|
|
125
127
|
opacity: 1;
|
|
126
128
|
}
|
|
127
129
|
}
|
|
130
|
+
[component="topic/thumb/list"] {
|
|
131
|
+
height: calc($font-size-base * 4);
|
|
132
|
+
}
|
|
128
133
|
}
|
|
129
134
|
|
|
130
135
|
@include media-breakpoint-up(sm) {
|
package/templates/topic.tpl
CHANGED
|
@@ -7,34 +7,45 @@
|
|
|
7
7
|
{{{ end }}}
|
|
8
8
|
|
|
9
9
|
<div class="d-flex flex-column gap-3" itemid="{url}" itemscope itemtype="https://schema.org/DiscussionForumPosting">
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
|
|
10
|
+
<div class="d-flex">
|
|
11
|
+
<div class="d-flex flex-column gap-3 flex-grow-1">
|
|
12
|
+
<h2 component="post/header" class="tracking-tight fw-semibold fs-2 mb-0 text-break {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}" itemprop="headline">
|
|
13
|
+
<span class="topic-title" component="topic/title">{title}</span>
|
|
14
|
+
</h2>
|
|
13
15
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
16
|
+
<div class="topic-info d-flex gap-2 align-items-center flex-wrap {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
|
|
17
|
+
<span component="topic/labels" class="d-flex gap-2 {{{ if (!scheduled && (!pinned && (!locked && (!oldCid && !icons.length)))) }}}hidden{{{ end }}}">
|
|
18
|
+
<span component="topic/scheduled" class="badge badge border border-gray-300 text-primary {{{ if !scheduled }}}hidden{{{ end }}}">
|
|
19
|
+
<i class="fa fa-clock-o"></i>
|
|
20
|
+
[[topic:scheduled]]
|
|
21
|
+
</span>
|
|
22
|
+
<span component="topic/pinned" class="badge badge border border-gray-300 text-primary {{{ if (scheduled || !pinned) }}}hidden{{{ end }}}">
|
|
23
|
+
<i class="fa fa-thumb-tack"></i>
|
|
24
|
+
{{{ if !pinExpiry }}}[[topic:pinned]]{{{ else }}}[[topic:pinned-with-expiry, {pinExpiryISO}]]{{{ end }}}
|
|
25
|
+
</span>
|
|
26
|
+
<span component="topic/locked" class="badge badge border border-gray-300 text-primary {{{ if !locked }}}hidden{{{ end }}}">
|
|
27
|
+
<i class="fa fa-lock"></i>
|
|
28
|
+
[[topic:locked]]
|
|
29
|
+
</span>
|
|
30
|
+
<span class="badge badge border border-gray-300 text-primary {{{ if !oldCid }}}hidden{{{ end }}}">
|
|
31
|
+
<i class="fa fa-arrow-circle-right"></i>
|
|
32
|
+
{{{ if privileges.isAdminOrMod }}}[[topic:moved-from, {oldCategory.name}]]{{{ else }}}[[topic:moved]]{{{ end }}}
|
|
33
|
+
</span>
|
|
34
|
+
{{{each icons}}}<span class="lh-1">{@value}</span>{{{end}}}
|
|
35
|
+
</span>
|
|
36
|
+
<a class="lh-1" href="{config.relative_path}/category/{category.slug}">{function.buildCategoryLabel, category, "border"}</a>
|
|
37
|
+
<div class="lh-1 tags tag-list d-flex flex-wrap hidden-xs gap-2"><!-- IMPORT partials/topic/tags.tpl --></div>
|
|
38
|
+
<div class="d-flex hidden-xs gap-2">
|
|
39
|
+
<!-- IMPORT partials/topic/stats.tpl -->
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<div class="d-flex gap-2 justify-content-end align-items-center mt-2" component="topic/thumb/list">
|
|
44
|
+
{{{ each thumbs }}}
|
|
45
|
+
<a class="d-inline-block h-100" href="{./url}">
|
|
46
|
+
<img class="rounded-1 h-100" src="{./url}" />
|
|
47
|
+
</a>
|
|
48
|
+
{{{ end }}}
|
|
38
49
|
</div>
|
|
39
50
|
</div>
|
|
40
51
|
|