nodebb-theme-persona 13.3.17 → 13.3.18

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.18",
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 {
@@ -85,27 +85,34 @@
85
85
  <button class="btn btn-sm float-end btn-success" component="account/save-moderation-note">[[user:info.moderation-note.add]]</button>
86
86
  <br/>
87
87
  <div component="account/moderation-note/list">
88
- {{{each moderationNotes}}}
88
+ {{{ each moderationNotes }}}
89
89
  <hr/>
90
90
 
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>
91
+ <div data-id="{./id}">
92
+ <div class="mb-1">
93
+ <a href="{{{ if ./user.userslug }}}{config.relative_path}/user/{./user.userslug}{{{ else }}}#{{{ end }}}">{buildAvatar(./user, "24px", true)}</a>
97
94
 
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 />
95
+ <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>
96
+
97
+ <span class="timeago" title="{./timestampISO}"></span>
98
+ </div>
102
99
 
100
+ <div component="account/moderation-note/content-area" class="d-flex flex-column">
103
101
  <div class="content">
104
- {moderationNotes.note}
102
+ {./note}
103
+ </div>
104
+ <button component="account/moderation-note/edit" class="btn btn-sm btn-link align-self-end">[[topic:edit]]</button>
105
+ </div>
106
+
107
+ <div component="account/moderation-note/edit-area" class="d-flex flex-column gap-2">
108
+ <textarea class="form-control w-100 overflow-hidden">{./rawNote}</textarea>
109
+ <div class="align-self-end">
110
+ <button component="account/moderation-note/cancel-edit" class="btn btn-sm btn-link text-danger align-self-end">[[global:cancel]]</button>
111
+ <button component="account/moderation-note/save-edit" class="btn btn-sm btn-primary align-self-end">[[global:save]]</button>
105
112
  </div>
106
113
  </div>
107
114
  </div>
108
- {{{end}}}
115
+ {{{ end }}}
109
116
  </div>
110
117
  <!-- IMPORT partials/paginator.tpl -->
111
118
  </div>