nodebb-theme-persona 13.3.17 → 13.3.19

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": "13.3.17",
3
+ "version": "13.3.19",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.7.0"
6
6
  },
package/scss/account.scss CHANGED
@@ -272,16 +272,6 @@
272
272
  }
273
273
  }
274
274
 
275
- [component="account/moderation-note/list"] {
276
- .icon {
277
- margin-right: 10px;
278
- }
279
-
280
- .content {
281
- white-space: pre-line;
282
- }
283
- }
284
-
285
275
  .categories {
286
276
  [component="categories/category"] {
287
277
  .depth-1 {
@@ -48,13 +48,20 @@
48
48
  [[user:info.username-history]]
49
49
  </h5>
50
50
  <div class="card-body">
51
- <ul class="list-group">
52
- {{{each usernames}}}
53
- <li class="list-group-item">
54
- {../value}
55
- <small class="float-end"><span class="timeago" title="{../timestampISO}"></span></small>
51
+ <ul class="list-unstyled mb-0">
52
+ {{{ each usernames }}}
53
+ <li class="d-flex justify-content-between mb-1">
54
+ <span class="text-sm">{./value}</span>
55
+
56
+ <div>
57
+ {{{ if ./byUid }}}
58
+ <a class="lh-1" href="{{{ if ./byUser.userslug }}}{config.relative_path}/user/{./byUser.userslug}{{{ else }}}#{{{ end }}}">
59
+ {buildAvatar(./byUser, "18px", true)}</a>
60
+ {{{ end }}}
61
+ <span class="timeago text-sm lh-1" title="{./timestampISO}"></span>
62
+ </div>
56
63
  </li>
57
- {{{end}}}
64
+ {{{ end }}}
58
65
  </ul>
59
66
  </div>
60
67
  </div>
@@ -64,13 +71,19 @@
64
71
  [[user:info.email-history]]
65
72
  </h5>
66
73
  <div class="card-body">
67
- <ul class="list-group">
68
- {{{each emails}}}
69
- <li class="list-group-item">
70
- {../value}
71
- <small class="float-end"><span class="timeago" title="{../timestampISO}"></span></small>
74
+ <ul class="list-unstyled mb-0">
75
+ {{{ each emails }}}
76
+ <li class="d-flex justify-content-between mb-1">
77
+ <span class="text-sm">{./value}</span>
78
+ <div>
79
+ {{{ if ./byUid }}}
80
+ <a class="lh-1" href="{{{ if ./byUser.userslug }}}{config.relative_path}/user/{./byUser.userslug}{{{ else }}}#{{{ end }}}">
81
+ {buildAvatar(./byUser, "18px", true)}</a>
82
+ {{{ end }}}
83
+ <span class="timeago text-sm lh-1" title="{./timestampISO}"></span>
84
+ </div>
72
85
  </li>
73
- {{{end}}}
86
+ {{{ end }}}
74
87
  </ul>
75
88
  </div>
76
89
  </div>
@@ -85,27 +98,34 @@
85
98
  <button class="btn btn-sm float-end btn-success" component="account/save-moderation-note">[[user:info.moderation-note.add]]</button>
86
99
  <br/>
87
100
  <div component="account/moderation-note/list">
88
- {{{each moderationNotes}}}
101
+ {{{ each moderationNotes }}}
89
102
  <hr/>
90
103
 
91
- <div class="clearfix">
92
- <div class="float-start">
93
- <a href="<!-- IF moderationNotes.user.userslug -->{config.relative_path}/user/{moderationNotes.user.userslug}<!-- ELSE -->#<!-- ENDIF moderationNotes.user.userslug -->">{buildAvatar(moderationNotes.user, "24px", true)}</a>
94
- <strong>
95
- <a href="<!-- IF moderationNotes.user.userslug -->{config.relative_path}/user/{moderationNotes.user.userslug}<!-- ELSE -->#<!-- ENDIF moderationNotes.user.userslug -->" itemprop="author" data-username="{moderationNotes.user.username}" data-uid="{moderationNotes.user.uid}">{moderationNotes.user.username}</a>
96
- </strong>
104
+ <div data-id="{./id}">
105
+ <div class="mb-1">
106
+ <a href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">{buildAvatar(./user, "24px", true)}</a>
97
107
 
98
- <div class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
99
- <span class="timeago" title="{moderationNotes.timestampISO}"></span>
100
- </div>
101
- <br />
108
+ <a href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}" class="fw-bold" itemprop="author" data-username="{./user.username}" data-uid="{./user.uid}">{./user.username}</a>
109
+
110
+ <span class="timeago" title="{./timestampISO}"></span>
111
+ </div>
102
112
 
113
+ <div component="account/moderation-note/content-area" class="d-flex flex-column">
103
114
  <div class="content">
104
- {moderationNotes.note}
115
+ {./note}
116
+ </div>
117
+ <button component="account/moderation-note/edit" class="btn btn-sm btn-link align-self-end">[[topic:edit]]</button>
118
+ </div>
119
+
120
+ <div component="account/moderation-note/edit-area" class="d-flex flex-column gap-2">
121
+ <textarea class="form-control w-100 overflow-hidden">{./rawNote}</textarea>
122
+ <div class="align-self-end">
123
+ <button component="account/moderation-note/cancel-edit" class="btn btn-sm btn-link text-danger align-self-end">[[global:cancel]]</button>
124
+ <button component="account/moderation-note/save-edit" class="btn btn-sm btn-primary align-self-end">[[global:save]]</button>
105
125
  </div>
106
126
  </div>
107
127
  </div>
108
- {{{end}}}
128
+ {{{ end }}}
109
129
  </div>
110
130
  <!-- IMPORT partials/paginator.tpl -->
111
131
  </div>