nodebb-theme-harmony 1.2.84 → 1.2.86

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-harmony",
3
- "version": "1.2.84",
3
+ "version": "1.2.86",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.7.0"
6
6
  },
package/scss/sidebar.scss CHANGED
@@ -138,6 +138,9 @@
138
138
  }
139
139
 
140
140
  .bottombar-nav {
141
+ #user_dropdown .avatar {
142
+ margin: 2px 0; // fixes the avatar so its height is same as the icons on right sidebar
143
+ }
141
144
  .nav-text {
142
145
  font-size: 1rem;
143
146
  color: $body-color;
@@ -154,36 +157,32 @@
154
157
  line-height: 12px;
155
158
  }
156
159
 
160
+ .dropdown-menu {
161
+ left: 0!important;
162
+ right: 0!important;
163
+ box-shadow: none!important;
164
+ border-left: 0;
165
+ border-right: 0;
166
+ border-radius: 0;
167
+ .list-container {
168
+ max-height: 60vh!important;
169
+ overflow-y: auto!important;
170
+ }
171
+ }
172
+
157
173
  .navigation-dropdown, .user-dropdown {
158
174
  > li {
159
175
  > a, .dropdown-item {
160
176
  padding: 10px 20px!important;
161
177
  }
162
178
  }
163
- left: 0!important;
164
- right: 0!important;
165
- bottom: $spacer*0.5!important;
166
- box-shadow: none!important;
179
+
167
180
  max-height: 60vh!important;
168
181
  overflow: auto!important;
169
182
  }
183
+
170
184
  .search-dropdown .quick-search-results {
171
185
  max-height: 225px!important;
172
186
  overflow-y: auto!important;
173
187
  }
174
- .search-dropdown, .chats-dropdown, .notifications-dropdown, .drafts-dropdown {
175
- left: 0 !important;
176
- right: 0 !important;
177
- box-shadow: none!important;
178
-
179
- border-left: 0;
180
- border-right: 0;
181
- border-bottom: 0;
182
- border-radius: 0;
183
-
184
- .list-container {
185
- max-height: 60vh!important;
186
- overflow-y: auto!important;
187
- }
188
- }
189
188
  }
@@ -1,6 +1,6 @@
1
1
  <!-- IMPORT partials/account/header.tpl -->
2
2
 
3
- <div class="d-flex justify-content-between py-1 mb-3 align-items-center position-sticky top-0 bg-body">
3
+ <div class="d-flex justify-content-between py-1 mb-3 align-items-center position-sticky top-0 bg-body z-1">
4
4
  <h3 class="fw-semibold fs-5 mb-0">{{{ if isSelf }}}[[user:edit-profile]]{{{ else }}}[[pages:account/edit, {username}]]{{{ end }}}</h3>
5
5
  <button id="submitBtn" class="btn btn-sm btn-primary">[[global:save-changes]]</button>
6
6
  </div>
@@ -39,13 +39,20 @@
39
39
  {{{ if (./type == "input-number") }}}
40
40
  <input class="form-control" type="number" id="{./key}" name="{./key}" value="{./value}">
41
41
  {{{ end }}}
42
- {{{ if (./type == "select") }}}
43
- <select class="form-select" id="{./key}" name="{./key}">
42
+
43
+ {{{ if (./type == "input-date") }}}
44
+ <input class="form-control" type="date" id="{./key}" name="{./key}" value="{./value}">
45
+ {{{ end }}}
46
+
47
+ {{{ if ((./type == "select") || (./type == "select-multi")) }}}
48
+ <select class="form-select" id="{./key}" name="{./key}" {{{ if (./type == "select-multi") }}} multiple{{{ end }}}>
44
49
  {{{ each ./select-options}}}
45
50
  <option value="{./value}" {{{ if ./selected }}}selected{{{ end }}}>{./value}</option>
46
51
  {{{ end }}}
47
52
  </select>
48
53
  {{{ end }}}
54
+
55
+
49
56
  </div>
50
57
  {{{ end }}}
51
58
 
@@ -98,7 +98,7 @@
98
98
  {{{ if (./type == "input-link") }}}
99
99
  <a class="text-sm text-center text-break w-100 px-2 ff-secondary text-underline text-reset" href="{./value}" rel="nofollow noreferrer me">{./value}</a>
100
100
  {{{ else }}}
101
- <span class="text-center fs-6 ff-secondary">{./value}</span>
101
+ <span class="text-center {{{ if (./type == "input-number") }}}fs-2{{{else }}}fs-6{{{ end }}} ff-secondary">{./value}</span>
102
102
  {{{ end }}}
103
103
  </div>
104
104
  </div>
@@ -6,7 +6,7 @@
6
6
  <div class="card-body d-flex flex-column gap-1 border border-top-0 rounded-bottom h-100">
7
7
  <div class="d-flex">
8
8
  <div class="flex-grow-1 fs-6 fw-semibold">{./displayName}</div>
9
- <div class="flex-shrink-0 text-sm"><i class="text-muted fa-solid fa-user"></i> {./memberCount}</div>
9
+ <div class="flex-shrink-0 text-sm"><i class="text-muted fa-solid fa-user"></i> {formattedNumber(./memberCount)}</div>
10
10
  </div>
11
11
  <div class="text-sm">{./description}</div>
12
12
  </div>
@@ -1,7 +1,7 @@
1
1
  {{{ if multiplePages }}}
2
2
  <div class="show-more-container">
3
3
  <div class="text-center d-block d-md-none">
4
- <a href="{url}" class="btn btn-primary">
4
+ <a href="{url}" class="btn btn-sm btn-primary">
5
5
  [[search:see-more-results, {matchCount}]]
6
6
  </a>
7
7
  </div>
@@ -1,6 +1,8 @@
1
1
  {{{each tags}}}
2
- <a href="{config.relative_path}/tags/{./valueEncoded}" data-tag="{./valueEscaped}" class="btn btn-ghost ff-base d-flex flex-column gap-1 align-items-start justify-content-start text-truncate p-2">
3
- <div class="fw-semibold text-nowrap tag-item w-100 text-start text-truncate">{./valueEscaped}</div>
4
- <div class="text-xs text-muted text-nowrap tag-topic-count">[[global:x-topics, {txEscape(formattedNumber(./score))}]]</div>
5
- </a>
2
+ <div>
3
+ <a href="{config.relative_path}/tags/{./valueEncoded}" data-tag="{./valueEscaped}" class="btn btn-ghost ff-base d-flex flex-column gap-1 align-items-start justify-content-start text-truncate p-2">
4
+ <div class="fw-semibold text-nowrap tag-item w-100 text-start text-truncate">{./valueEscaped}</div>
5
+ <div class="text-xs text-muted text-nowrap tag-topic-count">[[global:x-topics, {txEscape(formattedNumber(./score))}]]</div>
6
+ </a>
7
+ </div>
6
8
  {{{end}}}
@@ -1,37 +1,39 @@
1
- <a href="{config.relative_path}/user/{./userslug}" class="btn btn-ghost gap-2 ff-base d-flex align-items-start justify-content-start p-2 text-start">
2
- {buildAvatar(@value, "48px", true, "flex-shrink-0")}
3
- <div class="d-flex flex-column gap-1 text-truncate">
4
- <div class="fw-semibold text-truncate" title="{./displayname}">{./displayname}</div>
5
- <div class="text-xs text-muted text-truncate">@{./username}</div>
1
+ <div>
2
+ <a href="{config.relative_path}/user/{./userslug}" class="btn btn-ghost gap-2 ff-base d-flex align-items-start justify-content-start p-2 text-start">
3
+ {buildAvatar(@value, "48px", true, "flex-shrink-0")}
4
+ <div class="d-flex flex-column gap-1 text-truncate">
5
+ <div class="fw-semibold text-truncate" title="{./displayname}">{./displayname}</div>
6
+ <div class="text-xs text-muted text-truncate">@{./username}</div>
6
7
 
7
- {{{ if section_online }}}
8
- <div class="text-xs text-muted text-truncate">
9
- <span class="timeago" title="{./lastonlineISO}"></span>
10
- </div>
11
- {{{ end }}}
8
+ {{{ if section_online }}}
9
+ <div class="text-xs text-muted text-truncate">
10
+ <span class="timeago" title="{./lastonlineISO}"></span>
11
+ </div>
12
+ {{{ end }}}
12
13
 
13
- {{{ if section_joindate }}}
14
- <div class="text-xs text-muted text-truncate">
15
- <span class="timeago" title="{./joindateISO}"></span>
16
- </div>
17
- {{{ end }}}
14
+ {{{ if section_joindate }}}
15
+ <div class="text-xs text-muted text-truncate">
16
+ <span class="timeago" title="{./joindateISO}"></span>
17
+ </div>
18
+ {{{ end }}}
18
19
 
19
- {{{ if section_sort-reputation }}}
20
- <div class="text-xs text-muted text-truncate">
21
- <span>{formattedNumber(./reputation)}</span>
22
- </div>
23
- {{{ end }}}
20
+ {{{ if section_sort-reputation }}}
21
+ <div class="text-xs text-muted text-truncate">
22
+ <span>{formattedNumber(./reputation)}</span>
23
+ </div>
24
+ {{{ end }}}
24
25
 
25
- {{{ if section_sort-posts }}}
26
- <div class="text-xs text-muted text-truncate">
27
- <span>{formattedNumber(./postcount)}</span>
28
- </div>
29
- {{{ end }}}
26
+ {{{ if section_sort-posts }}}
27
+ <div class="text-xs text-muted text-truncate">
28
+ <span>{formattedNumber(./postcount)}</span>
29
+ </div>
30
+ {{{ end }}}
30
31
 
31
- {{{ if section_flagged }}}
32
- <div class="text-xs text-muted text-truncate">
33
- <span>{formattedNumber(./flags)}</span>
32
+ {{{ if section_flagged }}}
33
+ <div class="text-xs text-muted text-truncate">
34
+ <span>{formattedNumber(./flags)}</span>
35
+ </div>
36
+ {{{ end }}}
34
37
  </div>
35
- {{{ end }}}
36
- </div>
37
- </a>
38
+ </a>
39
+ </div>