nodebb-theme-harmony 2.0.0-pre.4 → 2.0.0-pre.6
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/templates/partials/buttons/newTopic.tpl +1 -1
- package/templates/partials/category/filter-dropdown-content.tpl +28 -24
- package/templates/partials/category/selector-dropdown-content.tpl +23 -19
- package/templates/partials/flags/filters.tpl +21 -18
- package/templates/partials/quick-search-results.tpl +1 -1
- package/templates/partials/search-filters.tpl +1 -1
- package/templates/partials/sidebar/chats.tpl +1 -1
- package/templates/partials/sidebar/drafts.tpl +1 -1
- package/templates/partials/sidebar/notifications.tpl +1 -1
- package/templates/partials/tags/filter-dropdown-content.tpl +24 -20
- package/templates/partials/topic-list-bar.tpl +1 -1
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
</button>
|
|
5
5
|
<noscript>
|
|
6
6
|
<input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true">
|
|
7
|
-
<ul component="category/list" class="dropdown-menu p-1 text-sm category-dropdown-menu" role="menu">
|
|
7
|
+
<ul component="category/list" class="dropdown-menu p-1 text-sm category-dropdown-menu ghost-scrollbar" role="menu">
|
|
8
8
|
{{{each categories}}}
|
|
9
9
|
<li role="presentation" class="category {{{if categories.disabledClass}}}disabled{{{end}}}">
|
|
10
10
|
<a role="menu-item" href="{config.relative_path}/compose?cid={categories.cid}">{categories.level}
|
|
@@ -8,30 +8,34 @@
|
|
|
8
8
|
<i class="fa fa-fw fa-list text-primary"></i>
|
|
9
9
|
<span class="visible-md-inline visible-lg-inline fw-semibold">[[unread:all-categories]]</span>{{{ end }}}
|
|
10
10
|
</button>
|
|
11
|
+
|
|
11
12
|
<div component="category-selector-search" class="hidden position-absolute">
|
|
12
13
|
<input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
|
|
13
14
|
</div>
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
<
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
</
|
|
15
|
+
|
|
16
|
+
<div class="dropdown-menu p-1">
|
|
17
|
+
<ul component="category/list" class="list-unstyled mb-0 text-sm category-dropdown-menu ghost-scrollbar" role="menu">
|
|
18
|
+
<li role="presentation" class="category" data-cid="all">
|
|
19
|
+
<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="{{{ if allCategoriesUrl }}}{config.relative_path}/{allCategoriesUrl}{{{ else }}}#{{{ end }}}">
|
|
20
|
+
<div class="flex-grow-1">[[unread:all-categories]]</div>
|
|
21
|
+
<i component="category/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{if selectedCategory}}}invisible{{{end}}}"></i>
|
|
22
|
+
</a>
|
|
23
|
+
</li>
|
|
24
|
+
{{{each categoryItems}}}
|
|
25
|
+
<li role="presentation" class="category {{{ if ./disabledClass }}}disabled{{{ end }}}" data-cid="{./cid}" data-parent-cid="{./parentCid}" data-name="{./name}">
|
|
26
|
+
<a class="dropdown-item rounded-1 d-flex align-items-center gap-2 {{{ if ./disabledClass }}}disabled{{{ end }}}" role="menuitem" href="#">
|
|
27
|
+
{./level}
|
|
28
|
+
<span component="category-markup" class="flex-grow-1" style="{{{ if ./match }}}font-weight: bold;{{{end}}}">
|
|
29
|
+
<div class="category-item d-inline-flex align-items-center gap-1">
|
|
30
|
+
{{{ if ./icon }}}
|
|
31
|
+
{buildCategoryIcon(@value, "24px", "rounded-circle")}
|
|
32
|
+
{{{ end }}}
|
|
33
|
+
{./name}
|
|
34
|
+
</div>
|
|
35
|
+
</span>
|
|
36
|
+
<i component="category/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{ if !./selected }}}invisible{{{ end }}}"></i>
|
|
37
|
+
</a>
|
|
38
|
+
</li>
|
|
39
|
+
{{{end}}}
|
|
40
|
+
</ul>
|
|
41
|
+
</div>
|
|
@@ -11,25 +11,29 @@
|
|
|
11
11
|
{{{ end }}}
|
|
12
12
|
</span>
|
|
13
13
|
</button>
|
|
14
|
+
|
|
14
15
|
<div component="category-selector-search" class="hidden position-absolute">
|
|
15
16
|
<input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
|
|
16
17
|
</div>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
</
|
|
18
|
+
|
|
19
|
+
<div class="dropdown-menu p-1">
|
|
20
|
+
<ul component="category/list" class="list-unstyled mb-0 text-sm category-dropdown-menu ghost-scrollbar" role="menu">
|
|
21
|
+
<li component="category/no-matches" role="presentation" class="category hidden">
|
|
22
|
+
<a class="dropdown-item rounded-1" role="menuitem">[[search:no-matches]]</a>
|
|
23
|
+
</li>
|
|
24
|
+
{{{ each categoryItems }}}
|
|
25
|
+
<li role="presentation" class="category {{{ if ./disabledClass }}}disabled {{{ end }}}" data-cid="{./cid}" data-name="{./name}" data-parent-cid="{./parentCid}">
|
|
26
|
+
<a class="dropdown-item rounded-1 {{{ if ./disabledClass }}}disabled{{{ end }}}" role="menuitem" href="#">{./level}
|
|
27
|
+
<span component="category-markup" style="{{{ if ./match }}}font-weight: bold;{{{end}}}">
|
|
28
|
+
<div class="category-item d-inline-flex align-items-center gap-1">
|
|
29
|
+
{{{ if ./icon }}}
|
|
30
|
+
{buildCategoryIcon(@value, "24px", "rounded-circle")}
|
|
31
|
+
{{{ end }}}
|
|
32
|
+
{./name}
|
|
33
|
+
</div>
|
|
34
|
+
</span>
|
|
35
|
+
</a>
|
|
36
|
+
</li>
|
|
37
|
+
{{{ end }}}
|
|
38
|
+
</ul>
|
|
39
|
+
</div>
|
|
@@ -27,24 +27,27 @@
|
|
|
27
27
|
<div component="category-selector-search" class="hidden position-absolute">
|
|
28
28
|
<input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
|
|
29
29
|
</div>
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
<
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
30
|
+
|
|
31
|
+
<div class="dropdown-menu p-1">
|
|
32
|
+
<ul component="category/list" class="list-unstyled mb-0 text-sm category-dropdown-menu ghost-scrollbar" role="menu">
|
|
33
|
+
{{{each categoryItems}}}
|
|
34
|
+
<li role="presentation" class="category {{{ if ../disabledClass }}}disabled{{{ end }}}" data-cid="{../cid}" data-parent-cid="{../parentCid}" data-name="{../name}">
|
|
35
|
+
<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#">
|
|
36
|
+
{../level}
|
|
37
|
+
<span component="category-markup" class="flex-grow-1" style="{{{ if ../match }}}font-weight: bold;{{{end}}}">
|
|
38
|
+
<div class="category-item d-inline-flex align-items-center gap-1">
|
|
39
|
+
{{{ if ./icon }}}
|
|
40
|
+
{buildCategoryIcon(@value, "24px", "rounded-circle")}
|
|
41
|
+
{{{ end }}}
|
|
42
|
+
{./name}
|
|
43
|
+
</div>
|
|
44
|
+
</span>
|
|
45
|
+
<i component="category/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{ if !../selected }}}invisible{{{ end }}}"></i>
|
|
46
|
+
</a>
|
|
47
|
+
</li>
|
|
48
|
+
{{{end}}}
|
|
49
|
+
</ul>
|
|
50
|
+
</div>
|
|
48
51
|
</div>
|
|
49
52
|
|
|
50
53
|
<div class="btn-group bottom-sheet">
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
</div>
|
|
10
10
|
{{{ end }}}
|
|
11
11
|
|
|
12
|
-
<ul id="quick-search-results" class="quick-search-results list-unstyled mb-0 p-0 pe-1 overflow-auto overscroll-behavior-contain ff-base" style="max-width: 400px; max-height: 500px;">
|
|
12
|
+
<ul id="quick-search-results" class="quick-search-results list-unstyled mb-0 p-0 pe-1 overflow-auto overscroll-behavior-contain ff-base ghost-scrollbar" style="max-width: 400px; max-height: 500px;">
|
|
13
13
|
<li role="separator" class="dropdown-divider d-none d-md-block"></li>
|
|
14
14
|
{{{ each posts }}}
|
|
15
15
|
<li data-tid="{posts.topic.tid}" data-pid="{posts.pid}" class="d-flex flex-column gap-1">
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<input type="text" class="form-control" component="category/filter/search" placeholder="[[search:type-a-category]]">
|
|
14
14
|
</div>
|
|
15
15
|
</li>
|
|
16
|
-
<div component="category/list" class="overflow-auto" style="max-height: 350px;"></div>
|
|
16
|
+
<div component="category/list" class="overflow-auto ghost-scrollbar" style="max-height: 350px;"></div>
|
|
17
17
|
<div class="px-3 py-1">
|
|
18
18
|
<div class="form-check">
|
|
19
19
|
<input id="search-children" class="form-check-input" type="checkbox"/>
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
</a>
|
|
11
11
|
<ul class="chats-dropdown dropdown-menu p-1 shadow" role="menu">
|
|
12
12
|
<li>
|
|
13
|
-
<div component="chat/list" class="list-container chats-list overscroll-behavior-contain p-0 pe-1 ff-base">
|
|
13
|
+
<div component="chat/list" class="list-container chats-list overscroll-behavior-contain p-0 pe-1 ff-base ghost-scrollbar">
|
|
14
14
|
<div class="rounded-1">
|
|
15
15
|
<div class="d-flex gap-1 justify-content-between">
|
|
16
16
|
<div class="dropdown-item p-2 d-flex gap-2 placeholder-wave">
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
</a>
|
|
11
11
|
<ul class="drafts-dropdown dropdown-menu p-1 shadow" role="menu">
|
|
12
12
|
<li>
|
|
13
|
-
<div component="drafts/list" class="list-container draft-list list-unstyled d-flex flex-column overscroll-behavior-contain gap-1 pe-1">
|
|
13
|
+
<div component="drafts/list" class="list-container draft-list list-unstyled d-flex flex-column overscroll-behavior-contain gap-1 pe-1 ghost-scrollbar">
|
|
14
14
|
<div class="dropdown-item rounded-1 p-2 d-flex gap-2 placeholder-wave">
|
|
15
15
|
<div class="d-flex flex-grow-1 flex-column w-100">
|
|
16
16
|
<div class="text-xs placeholder col-3"> </div>
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
</a>
|
|
11
11
|
<ul class="notifications-dropdown dropdown-menu p-1 shadow" role="menu">
|
|
12
12
|
<li>
|
|
13
|
-
<div component="notifications/list" class="list-container notification-list overscroll-behavior-contain pe-1 ff-base">
|
|
13
|
+
<div component="notifications/list" class="list-container notification-list overscroll-behavior-contain pe-1 ff-base ghost-scrollbar">
|
|
14
14
|
<div class="mb-2 p-1">
|
|
15
15
|
<div class="d-flex gap-1 justify-content-between">
|
|
16
16
|
<div class="d-flex gap-2 flex-grow-1 placeholder-wave">
|
|
@@ -9,26 +9,30 @@
|
|
|
9
9
|
<span class="visible-md-inline visible-lg-inline fw-semibold">[[tags:all-tags]]</span>
|
|
10
10
|
{{{ end }}}
|
|
11
11
|
</button>
|
|
12
|
+
|
|
12
13
|
<div component="tag/filter/search" class="hidden position-absolute top-0">
|
|
13
14
|
<input type="text" class="form-control form-control-sm" placeholder="[[search:type-to-search]]" autocomplete="off">
|
|
14
15
|
</div>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
</
|
|
16
|
+
|
|
17
|
+
<div class="dropdown-menu p-1">
|
|
18
|
+
<ul component="tag/filter/list" class="list-unstyled mb-0 text-sm overflow-auto ghost-scrollbar" role="menu" style="max-height: 500px;" role="menu">
|
|
19
|
+
<li role="presentation" data-tag="">
|
|
20
|
+
<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#">
|
|
21
|
+
<span class="flex-grow-1">[[tags:all-tags]]</span>
|
|
22
|
+
<i component="tag/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{if selectedTag }}}invisible{{{ end }}}"></i>
|
|
23
|
+
</a>
|
|
24
|
+
</li>
|
|
25
|
+
{{{ each tagItems }}}
|
|
26
|
+
<li role="presentation" data-tag="{./valueEscaped}">
|
|
27
|
+
<a class="dropdown-item rounded-1 d-flex align-items-center gap-2" role="menuitem" href="#">
|
|
28
|
+
<span component="tag-markup" class="flex-grow-1">
|
|
29
|
+
<div class="d-inline-flex align-items-center gap-1">
|
|
30
|
+
{./valueEscaped}
|
|
31
|
+
</div>
|
|
32
|
+
</span>
|
|
33
|
+
<i component="tag/select/icon" class="flex-shrink-0 fa fa-fw fa-check {{{ if !./selected }}}invisible{{{ end }}}"></i>
|
|
34
|
+
</a>
|
|
35
|
+
</li>
|
|
36
|
+
{{{ end }}}
|
|
37
|
+
</ul>
|
|
38
|
+
</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div class="{{{ if config.theme.stickyToolbar }}}sticky-tools{{{ end }}} mb-3">
|
|
2
2
|
<nav class="topic-list-header d-flex flex-nowrap my-2 p-0 border-0 rounded">
|
|
3
3
|
<div class="d-flex flex-row p-2 text-bg-light gap-1 border rounded w-100 align-items-center">
|
|
4
|
-
<div component="category/controls" class="d-flex me-auto mb-0 gap-2
|
|
4
|
+
<div component="category/controls" class="d-flex me-auto mb-0 gap-2 flex-wrap">
|
|
5
5
|
{{{ if template.category }}}
|
|
6
6
|
<!-- IMPORT partials/category/watch.tpl -->
|
|
7
7
|
<!-- IMPORT partials/tags/filter-dropdown-left.tpl -->
|