nodebb-theme-persona 13.0.20 → 13.0.22

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/scss/modules/alerts.scss +36 -8
  3. package/scss/topic.scss +2 -20
  4. package/templates/partials/topic/post.tpl +7 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "13.0.20",
3
+ "version": "13.0.22",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/modules/alerts.scss CHANGED
@@ -25,20 +25,48 @@
25
25
  height: 100%;
26
26
  }
27
27
 
28
- &.alert-info::before {
29
- background-color: $info;
28
+ &.alert-info {
29
+ .btn-close {
30
+ $btn-close-color: $info;
31
+ background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"));
32
+ }
33
+
34
+ &::before {
35
+ background-color: $info;
36
+ }
30
37
  }
31
38
 
32
- &.alert-warning::before {
33
- background-color: $warning;
39
+ &.alert-warning {
40
+ .btn-close {
41
+ $btn-close-color: $warning;
42
+ background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"));
43
+ }
44
+
45
+ ::before {
46
+ background-color: $warning;
47
+ }
34
48
  }
35
49
 
36
- &.alert-success::before {
37
- background-color: $success;
50
+ &.alert-success {
51
+ .btn-close {
52
+ $btn-close-color: $success;
53
+ background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"));
54
+ }
55
+
56
+ ::before {
57
+ background-color: $success;
58
+ }
38
59
  }
39
60
 
40
- &.alert-danger::before {
41
- background-color: $danger;
61
+ &.alert-danger {
62
+ .btn-close {
63
+ $btn-close-color: $danger;
64
+ background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>"));
65
+ }
66
+
67
+ ::before {
68
+ background-color: $danger;
69
+ }
42
70
  }
43
71
 
44
72
  &.animate {
package/scss/topic.scss CHANGED
@@ -169,9 +169,8 @@
169
169
 
170
170
  .threaded-replies {
171
171
  margin-left: 60px;
172
- margin-top: 10px;
172
+ padding: 1rem 0px;
173
173
  text-decoration: none;
174
- font-size: 11px;
175
174
 
176
175
  img, .user-icon {
177
176
  @include user-icon-style(16px, 10px, 50%);
@@ -192,22 +191,6 @@
192
191
 
193
192
  .avatars {
194
193
  position: relative;
195
-
196
- &.hasMore > *:last-child:after {
197
- content: "\2022\2022\2022";
198
- width: 16px;
199
- height: 16px;
200
- line-height: 16px;
201
- background: #000;
202
- opacity: .6;
203
- color: white;
204
- position: absolute;
205
- right: 2px;
206
- border-radius: 50%;
207
- bottom: -1px;
208
- text-align: center;
209
- font-size: 12px;
210
- }
211
194
  }
212
195
  }
213
196
 
@@ -216,7 +199,7 @@
216
199
  margin-top: $post-padding;
217
200
  border-left: 5px solid #eee;
218
201
  padding-left: 20px;
219
-
202
+ .timeline-event { display: none; }
220
203
  [component="post"]:last-child > hr {
221
204
  display: none;
222
205
  }
@@ -263,7 +246,6 @@
263
246
  }
264
247
 
265
248
  .moderator-tools {
266
- margin-left: 10px;
267
249
  font-size: 14px;
268
250
 
269
251
  > a {
package/templates/partials/topic/post.tpl CHANGED
@@ -66,14 +66,17 @@
66
66
  <div class="clearfix">
67
67
  {{{ if !hideReplies }}}
68
68
  <a component="post/reply-count" data-target-component="post/replies/container" href="#" class="threaded-replies user-select-none float-start text-muted {{{ if !posts.replies.count }}}hidden{{{ end }}}">
69
- <span component="post/reply-count/avatars" class="avatars {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
69
+ <span component="post/reply-count/avatars" class="avatars d-inline-flex gap-1 align-items-top hidden-xs {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
70
70
  {{{each posts.replies.users}}}
71
- {buildAvatar(posts.replies.users, "16px", true, "")}
71
+ <span>{buildAvatar(posts.replies.users, "16px", true, "")}</span>
72
72
  {{{end}}}
73
+ {{{ if posts.replies.hasMore}}}
74
+ <span><i class="fa fa-ellipsis"></i></span>
75
+ {{{ end }}}
73
76
  </span>
74
77
 
75
- <span class="replies-count" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
76
- <span class="replies-last hidden-xs">[[topic:last_reply_time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
78
+ <span class="replies-count small" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
79
+ <span class="replies-last hidden-xs small">[[topic:last_reply_time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
77
80
 
78
81
  <i class="fa fa-fw fa-chevron-right" component="post/replies/open"></i>
79
82
  <i class="fa fa-fw fa-chevron-down hidden" component="post/replies/close"></i>