nodebb-theme-persona 13.3.7 → 13.3.8

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 (2) hide show
  1. package/package.json +1 -1
  2. package/templates/partials/groups/admin.tpl +29 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "13.3.7",
3
+ "version": "13.3.8",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.5.0"
6
6
  },
package/templates/partials/groups/admin.tpl CHANGED
@@ -109,7 +109,7 @@
109
109
  <input <!-- IF group.system -->readonly<!-- ENDIF group.system --> class="form-control" name="name" id="name" type="text" value="{group.displayName}" />
110
110
  </div>
111
111
  <div class="mb-3">
112
- <label class="form-label" for="name">[[groups:details.description]]</label>
112
+ <label class="form-label" for="description">[[groups:details.description]]</label>
113
113
  <textarea class="form-control" name="description" id="description" type="text" maxlength="255">{group.description}</textarea>
114
114
  </div>
115
115
 
@@ -130,25 +130,29 @@
130
130
 
131
131
  <div class="mb-3 user-title-option">
132
132
  <label class="form-label" for="userTitle">[[groups:details.badge-text]]</label>
133
- <input component="groups/userTitleOption" class="form-control" name="userTitle" id="userTitle" type="text" maxlength="40" value="{group.userTitleEscaped}"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled --> />
133
+ <div class="d-flex gap-2">
134
+ <input component="groups/userTitleOption" class="form-control" name="userTitle" id="userTitle" type="text" maxlength="40" value="{group.userTitleEscaped}"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled --> />
135
+ <button component="groups/userTitleOption" type="button" class="btn btn-outline-secondary btn-sm text-nowrap" data-action="icon-select"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled -->>[[groups:details.change-icon]]</button>
136
+ </div>
134
137
  </div>
135
138
 
136
139
  <div class="mb-3 user-title-option">
137
- <label>[[groups:details.badge-preview]]</label><br />
138
- <span class="badge rounded-1 text-uppercase text-truncate rounded-1 {{{ if !group.userTitleEnabled }}} hide{{{ end }}}" style="max-width:150px; color: {group.textColor}; background-color: {group.labelColor}"><i class="fa{{{ if group.icon }}} {group.icon}{{{ if ./userTitle}}}me-1{{{ end }}}{{{ end }}}"></i><span class="badge-text">{{{ if group.userTitle }}}{group.userTitle}{{{ end }}}</span></span>
139
-
140
- <hr/>
141
- <button component="groups/userTitleOption" type="button" class="btn btn-outline-secondary btn-sm" data-action="icon-select"<!-- IF !group.userTitleEnabled --> disabled<!-- ENDIF !group.userTitleEnabled -->>[[groups:details.change-icon]]</button>
142
- <div>
143
- <label class="form-label" for="labelColor" class="badge-color-label">[[groups:details.change-label-colour]]</label>
144
- <input component="groups/userTitleOption" type="color" name="labelColor" value="<!-- IF group.labelColor -->{group.labelColor}<!-- ENDIF group.labelColor -->" />
140
+ <div class="d-flex align-items-center gap-3">
141
+ <label class="form-label mb-0">[[groups:details.badge-preview]]</label>
142
+ <span class="badge rounded-1 text-uppercase text-truncate rounded-1 {{{ if !group.userTitleEnabled }}} hide{{{ end }}}" style="max-width:150px; color: {group.textColor}; background-color: {group.labelColor}"><i class="fa{{{ if group.icon }}} {group.icon}{{{ if group.userTitle}}} me-1{{{ end }}}{{{ end }}}"></i><span class="badge-text">{{{ if group.userTitle }}}{group.userTitle}{{{ end }}}</span></span>
145
143
  </div>
146
- <div>
147
- <label class="form-label" for="color" class="badge-color-label">[[groups:details.change-text-colour]]</label>
148
- <input component="groups/userTitleOption" type="color" name="textColor" value="<!-- IF group.textColor -->{group.textColor}<!-- ENDIF group.textColor -->" />
144
+ <hr/>
145
+ <div class="d-flex flex-column gap-2">
146
+ <div class="d-flex align-items-center gap-2">
147
+ <label class="form-label mb-0" for="labelColor" class="badge-color-label">[[groups:details.change-label-colour]]</label>
148
+ <input component="groups/userTitleOption" type="color" name="labelColor" id="labelColor" value="<!-- IF group.labelColor -->{group.labelColor}<!-- ENDIF group.labelColor -->" />
149
+ </div>
150
+ <div class="d-flex align-items-center gap-2">
151
+ <label class="form-label mb-0" for="textColor" class="badge-color-label">[[groups:details.change-text-colour]]</label>
152
+ <input component="groups/userTitleOption" type="color" name="textColor" id="textColor" value="<!-- IF group.textColor -->{group.textColor}<!-- ENDIF group.textColor -->" />
153
+ </div>
154
+ <input type="hidden" name="icon" value="<!-- IF group.icon -->{group.icon}<!-- ENDIF group.icon -->" />
149
155
  </div>
150
- <input type="hidden" name="icon" value="<!-- IF group.icon -->{group.icon}<!-- ENDIF group.icon -->" />
151
-
152
156
  <div id="icons" class="hidden">
153
157
  <div class="icon-container">
154
158
  <div class="row nbb-fa-icons">
@@ -159,12 +163,12 @@
159
163
  </div>
160
164
  <hr />
161
165
  <div class="form-check">
162
- <label class="form-check-label">[[groups:details.userTitleEnabled]]</label>
163
- <input class="form-check-input" name="userTitleEnabled" type="checkbox"<!-- IF group.userTitleEnabled --> checked<!-- ENDIF group.userTitleEnabled -->>
166
+ <label class="form-check-label" for="userTitleEnabled">[[groups:details.userTitleEnabled]]</label>
167
+ <input class="form-check-input" name="userTitleEnabled" id="userTitleEnabled" type="checkbox"<!-- IF group.userTitleEnabled --> checked<!-- ENDIF group.userTitleEnabled -->>
164
168
  </div>
165
169
  <div class="form-check">
166
- <label class="form-check-label">[[groups:details.private]]</label>
167
- <input class="form-check-input" name="private" type="checkbox"<!-- IF group.private --> checked<!-- ENDIF group.private -->>
170
+ <label class="form-check-label" for="private">[[groups:details.private]]</label>
171
+ <input class="form-check-input" name="private" id="private" type="checkbox"<!-- IF group.private --> checked<!-- ENDIF group.private -->>
168
172
  <!-- IF !allowPrivateGroups -->
169
173
  <p class="form-text">
170
174
  [[groups:details.private-system-help]]
@@ -175,16 +179,16 @@
175
179
  </p>
176
180
  </div>
177
181
  <div class="form-check">
178
- <label class="form-check-label">[[groups:details.disableJoinRequests]]</label>
179
- <input class="form-check-input" name="disableJoinRequests" type="checkbox"<!-- IF group.disableJoinRequests --> checked<!-- ENDIF group.disableJoinRequests -->>
182
+ <label class="form-check-label" for="disableJoinRequests">[[groups:details.disableJoinRequests]]</label>
183
+ <input class="form-check-input" name="disableJoinRequests" id="disableJoinRequests" type="checkbox"<!-- IF group.disableJoinRequests --> checked<!-- ENDIF group.disableJoinRequests -->>
180
184
  </div>
181
185
  <div class="form-check">
182
- <label class="form-check-label">[[groups:details.disableLeave]]</label>
183
- <input class="form-check-input" name="disableLeave" type="checkbox"{{{if group.disableLeave}}} checked{{{end}}}>
186
+ <label class="form-check-label" for="disableLeave">[[groups:details.disableLeave]]</label>
187
+ <input class="form-check-input" name="disableLeave" id="disableLeave" type="checkbox"{{{if group.disableLeave}}} checked{{{end}}}>
184
188
  </div>
185
189
  <div class="form-check">
186
- <label class="form-check-label">[[groups:details.hidden]]</label>
187
- <input class="form-check-input" name="hidden" type="checkbox"<!-- IF group.hidden --> checked<!-- ENDIF group.hidden -->>
190
+ <label class="form-check-label" for="hidden">[[groups:details.hidden]]</label>
191
+ <input class="form-check-input" name="hidden" id="hidden" type="checkbox"<!-- IF group.hidden --> checked<!-- ENDIF group.hidden -->>
188
192
  <p class="form-text">
189
193
  [[groups:details.hidden-help]]
190
194
  </p>