nodebb-theme-persona 14.0.17 → 14.1.0

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-persona",
3
- "version": "14.0.17",
3
+ "version": "14.1.0",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.0.0"
6
6
  },
package/scss/skins.scss CHANGED
@@ -54,6 +54,12 @@
54
54
  }
55
55
  }
56
56
 
57
+ .skin-morph {
58
+ .text-secondary {
59
+ color: #7b8ab8!important;
60
+ }
61
+ }
62
+
57
63
  :root {
58
64
  .skin-darkly, .skin-slate, .skin-cyborg {
59
65
  --bs-border-color: #929292;
@@ -10,7 +10,7 @@
10
10
  <!-- IMPORT partials/categories/link.tpl -->
11
11
  </h2>
12
12
  {{{ if ./descriptionParsed }}}
13
- <div class="description text-muted text-sm w-100">
13
+ <div class="description text-muted text-sm w-100 line-clamp-sm-5">
14
14
  {./descriptionParsed}
15
15
  </div>
16
16
  {{{ end }}}
@@ -1,11 +1,11 @@
1
- <!-- IF ../isSection -->
2
- {../name}
3
- <!-- ELSE -->
4
- <!-- IF ../link -->
5
- <a href="{../link}" itemprop="url">
6
- <!-- ELSE -->
7
- <a href="{config.relative_path}/category/{../slug}" itemprop="url">
8
- <!-- ENDIF ../link -->
9
- {../name}
10
- </a>
1
+ <!-- IF ../isSection -->
2
+ {../name}
3
+ <!-- ELSE -->
4
+ <!-- IF ../link -->
5
+ <a href="{../link}" itemprop="url">
6
+ <!-- ELSE -->
7
+ <a href="{config.relative_path}/category/{../slug}" itemprop="url">
8
+ <!-- ENDIF ../link -->
9
+ {../name}
10
+ </a>
11
11
  <!-- ENDIF ../isSection -->
@@ -0,0 +1,50 @@
1
+ {{{ if (multiplePages && !config.theme.topMobilebar) }}}
2
+ <div class="show-more-container">
3
+ <div class="text-center d-block d-md-none">
4
+ <a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
5
+ </div>
6
+ <li role="separator" class="dropdown-divider d-block d-md-none"></li>
7
+ </div>
8
+ {{{ end }}}
9
+
10
+ <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: {dropdown.maxWidth}; max-height: {dropdown.maxHeight};">
11
+ {{{ each categories }}}
12
+ <li data-cid="{./cid}" class="d-flex flex-column gap-1">
13
+ <div class="btn btn-ghost btn-sm ff-secondary d-flex gap-2 align-items-center rounded-1 text-start text-reset d-block text-truncate px-2 py-1 position-relative">
14
+ <div class="flex-shrink-0">{buildCategoryIcon(@value, "40px", "rounded-circle")}</div>
15
+ <div class="flex-grow-1">
16
+ <a class="stretched-link" href="{config.relative_path}/category/{./slug}"></a>
17
+ <span class="quick-search-title fw-semibold text-sm">
18
+ {./name}
19
+ {{{ if ./url }}}
20
+ (<i class="fa fa-globe"></i> {./slug})
21
+ {{{ end }}}
22
+ </span>
23
+ <br/>
24
+ <div class="snippet text-xs text-break text-wrap mb-0 text-sm text-secondary line-clamp-1">
25
+ {./descriptionParsed}
26
+ </div>
27
+ </div>
28
+ </div>
29
+ </li>
30
+ {{{ if !@last }}}
31
+ <li role="separator" class="dropdown-divider"></li>
32
+ {{{ end }}}
33
+ {{{ end }}}
34
+ </ul>
35
+
36
+ {{{ if multiplePages }}}
37
+ <div class="text-center mt-2 d-none d-md-block">
38
+ <a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
39
+ </div>
40
+ {{{ end }}}
41
+ {{{ if (multiplePages && config.theme.topMobilebar) }}}
42
+ <div class="text-center mt-2 d-block d-md-none">
43
+ <a href="{url}" class="btn btn-sm btn-primary">[[search:see-more-results, {matchCount}]]</a>
44
+ </div>
45
+ {{{ end }}}
46
+
47
+ {{{if !categories.length}}}
48
+ <div class="text-center no-results py-2 py-md-0">[[search:no-matches]]</li>
49
+ <li role="separator" class="dropdown-divider d-block d-md-none"></li>
50
+ {{{end}}}
@@ -6,6 +6,22 @@
6
6
  </div>
7
7
  <div class="row">
8
8
  <div class="world {{{if widgets.sidebar.length }}}col-lg-9 col-sm-12{{{ else }}}col-lg-12{{{ end }}}">
9
+ <form role="search" method="GET" action="{config.relative_path}/search">
10
+ <input type="hidden" name="in" value="categories" />
11
+ <input class="form-control form-control-lg" component="category-search" name="term" type="text" autocomplete="off" placeholder="Find a category..." aria-label="Category Search" />
12
+ </form>
13
+
14
+ <div class="quick-search-container dropdown-menu d-block p-2 hidden">
15
+ <div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
16
+ <div class="quick-search-results-container"></div>
17
+ </div>
18
+
19
+ <hr />
20
+
21
+ {{{ each categories }}}
22
+ <!-- IMPORT partials/categories/item.tpl -->
23
+ {{{ end }}}
24
+
9
25
  {{{ if (topics.length || privileges.topics:create) }}}
10
26
  <div class="topic-list-header text-bg-light sticky-top btn-toolbar justify-content-between p-1 mb-2 gap-1 flex-nowrap">
11
27
  <div class="d-flex gap-1 align-items-stretch">