nodebb-theme-harmony 0.0.10 → 0.0.11

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 (64) hide show
  1. package/package.json +1 -1
  2. package/scss/account.scss +0 -3
  3. package/scss/common.scss +6 -0
  4. package/scss/modules/bottom-sheet.scss +1 -1
  5. package/scss/modules/topic-navigator.scss +0 -6
  6. package/scss/sidebar.scss +18 -16
  7. package/templates/account/blocks.tpl +2 -2
  8. package/templates/account/categories.tpl +27 -21
  9. package/templates/account/consent.tpl +10 -64
  10. package/templates/account/edit/password.tpl +29 -24
  11. package/templates/account/edit/username.tpl +25 -20
  12. package/templates/account/edit.tpl +48 -58
  13. package/templates/account/followers.tpl +2 -3
  14. package/templates/account/following.tpl +2 -3
  15. package/templates/account/groups.tpl +2 -3
  16. package/templates/account/info.tpl +4 -5
  17. package/templates/account/posts.tpl +4 -4
  18. package/templates/account/profile.tpl +9 -9
  19. package/templates/account/sessions.tpl +2 -3
  20. package/templates/account/settings.tpl +119 -136
  21. package/templates/account/theme.tpl +7 -4
  22. package/templates/account/topics.tpl +17 -16
  23. package/templates/account/uploads.tpl +4 -8
  24. package/templates/groups/details.tpl +3 -20
  25. package/templates/groups/list.tpl +10 -9
  26. package/templates/header.tpl +3 -21
  27. package/templates/login.tpl +1 -1
  28. package/templates/notifications.tpl +4 -4
  29. package/templates/partials/account/header.tpl +58 -47
  30. package/templates/partials/account/sidebar-left.tpl +5 -5
  31. package/templates/partials/buttons/newTopic.tpl +1 -3
  32. package/templates/partials/categories/item.tpl +1 -8
  33. package/templates/partials/category/sort.tpl +3 -3
  34. package/templates/partials/category/subcategory.tpl +1 -1
  35. package/templates/partials/category/tools.tpl +3 -3
  36. package/templates/partials/category/watch.tpl +7 -7
  37. package/templates/partials/category-filter-content.tpl +4 -4
  38. package/templates/partials/category-selector-content.tpl +10 -9
  39. package/templates/partials/chats/message-window.tpl +9 -7
  40. package/templates/partials/groups/sidebar-left.tpl +1 -1
  41. package/templates/partials/header/brand.tpl +19 -0
  42. package/templates/partials/notifications_list.tpl +5 -5
  43. package/templates/partials/post_bar.tpl +4 -4
  44. package/templates/partials/sidebar/logged-in-menu.tpl +23 -0
  45. package/templates/partials/sidebar/user-menu.tpl +1 -1
  46. package/templates/partials/sidebar-left.tpl +1 -1
  47. package/templates/partials/sidebar-right.tpl +1 -23
  48. package/templates/partials/tags_list.tpl +3 -2
  49. package/templates/partials/topic/navigator.tpl +2 -2
  50. package/templates/partials/topic/post-menu.tpl +2 -4
  51. package/templates/partials/topic/post.tpl +13 -13
  52. package/templates/partials/topic/reply-button.tpl +3 -3
  53. package/templates/partials/topic/sort.tpl +3 -3
  54. package/templates/partials/topic/tools.tpl +3 -3
  55. package/templates/partials/topic/watch.tpl +17 -16
  56. package/templates/partials/topic-filters.tpl +3 -3
  57. package/templates/partials/topic-list-bar.tpl +7 -11
  58. package/templates/partials/topic-terms.tpl +3 -3
  59. package/templates/partials/topics_list.tpl +4 -4
  60. package/templates/partials/users/item.tpl +27 -25
  61. package/templates/partials/users_list_menu.tpl +1 -1
  62. package/templates/tags.tpl +12 -8
  63. package/templates/topic.tpl +1 -3
  64. package/templates/users.tpl +4 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "0.0.10",
3
+ "version": "0.0.11",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.0.0"
6
6
  },
package/scss/account.scss CHANGED
@@ -6,9 +6,6 @@
6
6
  width: 100%;
7
7
  margin-left: auto;
8
8
  margin-right: auto;
9
- .breadcrumb {
10
- justify-content: start!important;
11
- }
12
9
 
13
10
  .avatar-wrapper {
14
11
  border: 4px solid white;
package/scss/common.scss CHANGED
@@ -75,3 +75,9 @@ body {
75
75
  font-size: 0.875rem;
76
76
  line-height: 1.25rem;
77
77
  }
78
+
79
+ .flex-basis-md-200 {
80
+ @include media-breakpoint-up(md) {
81
+ flex-basis: 200px!important;
82
+ }
83
+ }
package/scss/modules/bottom-sheet.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  inset: auto 0 0 0!important;
9
9
 
10
10
  margin: 0 -1px -1px -1px;
11
- padding: 0 5px;
11
+ padding: 0 5px 4rem 5px!important;
12
12
  max-height: 60%;
13
13
 
14
14
  box-shadow: 0 2px 6px rgba(0,0,0,0.35);
package/scss/modules/topic-navigator.scss CHANGED
@@ -16,7 +16,6 @@
16
16
  }
17
17
 
18
18
  .meta {
19
- display: none;
20
19
  top: -8px;
21
20
  left: calc($spacer + 8px);
22
21
  font-size: 13px;
@@ -38,7 +37,6 @@
38
37
  transition: $transition-base;
39
38
 
40
39
  .meta {
41
- display: none;
42
40
  left: calc($spacer + 8px);
43
41
  font-size: 13px;
44
42
  }
@@ -54,8 +52,4 @@
54
52
  [component="topic/navigator"].d-sm-flex.mt-auto + .mt-auto {
55
53
  margin-top: 0 !important;
56
54
  }
57
-
58
- .handle .meta, .unread .meta {
59
- display: block;
60
- }
61
55
  }
package/scss/sidebar.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .skin-noskin {
2
2
  // only using colors when there is no bootswatch skin applied
3
- .sidebar, .bottombar {
3
+ nav.sidebar, .bottombar {
4
4
  color: $secondary !important;
5
5
  background-color: $light !important;
6
6
  }
@@ -15,22 +15,24 @@
15
15
  .sidebar {
16
16
  $hover-color: mix($light, $dark, 90);
17
17
 
18
- &.open {
19
- min-width: 200px;
20
- max-width: 200px;
21
- width: 200px;
18
+ @include media-breakpoint-up(lg) {
19
+ &.open {
20
+ min-width: 200px;
21
+ max-width: 200px;
22
+ width: 200px;
22
23
 
23
- .sidebar-toggle {
24
- .fa-angles-right { display: none; }
25
- .fa-angles-left { display: inline-block; }
26
- }
27
- .visible-open { display: initial; }
28
- .visible-closed { display: none; }
29
- hr.visible-open { display: block; }
30
- .truncate-open {
31
- overflow: hidden;
32
- text-overflow: ellipsis;
33
- white-space: nowrap;
24
+ .sidebar-toggle {
25
+ .fa-angles-right { display: none; }
26
+ .fa-angles-left { display: inline-block; }
27
+ }
28
+ .visible-open { display: initial; }
29
+ .visible-closed { display: none; }
30
+ hr.visible-open { display: block; }
31
+ .truncate-open {
32
+ overflow: hidden;
33
+ text-overflow: ellipsis;
34
+ white-space: nowrap;
35
+ }
34
36
  }
35
37
  }
36
38
  .visible-open { display: none; }
package/templates/account/blocks.tpl CHANGED
@@ -1,8 +1,8 @@
1
1
  <div class="account">
2
2
  <!-- IMPORT partials/account/header.tpl -->
3
- <div class="row gx-5">
3
+ <div class="d-flex flex-column flex-md-row">
4
4
  <!-- IMPORT partials/account/sidebar-left.tpl -->
5
- <div class="col-12 col-md-9 col-lg-10 ps-md-5">
5
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
6
6
  <div class="d-flex justify-content-between mb-3">
7
7
  <h3 class="fw-semibold fs-5">[[pages:account/blocks, {username}]]</h3>
8
8
  <div class="justify-content-end">
package/templates/account/categories.tpl CHANGED
@@ -1,28 +1,34 @@
1
1
  <div class="account">
2
2
  <!-- IMPORT partials/account/header.tpl -->
3
3
 
4
- <div class="row">
5
- <h3 class="fw-semibold fs-4">{title}</h3>
6
- <div class="col-lg-12 mb-2">
7
- <div class="btn-group bottom-sheet" component="category/watch/all">
8
- <button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button">
9
- <span>[[user:change_all]]</span>
10
- <span class="caret"></span>
11
- </button>
12
- <ul class="dropdown-menu">
13
- <li><a class="dropdown-item" href="#" component="category/watching" data-state="watching"><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
14
- <li><a class="dropdown-item" href="#" component="category/notwatching" data-state="notwatching"><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
15
- <li><a class="dropdown-item" href="#" component="category/ignoring" data-state="ignoring"><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
16
- </ul>
4
+ <div class="d-flex flex-column flex-md-row">
5
+ <!-- IMPORT partials/account/sidebar-left.tpl -->
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
7
+ <h3 class="fw-semibold fs-5">{title}</h3>
8
+
9
+ <div class="row">
10
+ <div class="col-lg-12 mb-2">
11
+ <div class="btn-group bottom-sheet" component="category/watch/all">
12
+ <button class="btn btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button">
13
+ <span>[[user:change_all]]</span>
14
+ <span class="caret"></span>
15
+ </button>
16
+ <ul class="dropdown-menu">
17
+ <li><a class="dropdown-item" href="#" component="category/watching" data-state="watching"><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
18
+ <li><a class="dropdown-item" href="#" component="category/notwatching" data-state="notwatching"><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
19
+ <li><a class="dropdown-item" href="#" component="category/ignoring" data-state="ignoring"><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
20
+ </ul>
21
+ </div>
22
+ </div>
23
+ <div class="col-lg-12">
24
+ <ul class="categories list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
25
+ {{{each categories}}}
26
+ <!-- IMPORT partials/account/category-item.tpl -->
27
+ {{{end}}}
28
+ </ul>
29
+ <!-- IMPORT partials/paginator.tpl -->
30
+ </div>
17
31
  </div>
18
32
  </div>
19
- <div class="col-lg-12">
20
- <ul class="categories list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
21
- {{{each categories}}}
22
- <!-- IMPORT partials/account/category-item.tpl -->
23
- {{{end}}}
24
- </ul>
25
- <!-- IMPORT partials/paginator.tpl -->
26
- </div>
27
33
  </div>
28
34
  </div>
package/templates/account/consent.tpl CHANGED
@@ -1,71 +1,17 @@
1
- <!-- THIS FILE IS STILL PERSONA -->
2
-
3
1
  <div class="account">
4
2
  <!-- IMPORT partials/account/header.tpl -->
5
- <h2>[[user:consent.title]]</h2>
6
- <p class="lead">[[user:consent.lead]]</p>
7
- <p>[[user:consent.intro]]</p>
8
3
 
9
- <hr />
4
+ <div class="d-flex flex-column flex-md-row">
5
+ <!-- IMPORT partials/account/sidebar-left.tpl -->
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
7
+ <h3 class="fw-semibold fs-5">[[user:consent.title]]</h3>
10
8
 
11
- <div class="row">
12
- <div class="col-sm-6">
13
- <!-- IF gdpr_consent -->
14
- <div class="alert alert-success">
15
- <i class="fa fa-check float-end fa-3x"></i>
16
- [[user:consent.received]]
17
- </div>
18
- <!-- ELSE -->
19
- <div class="alert alert-warning">
20
- [[user:consent.not_received]]
21
- <br /><br />
22
- <div class="text-center">
23
- <button class="btn btn-warning" data-action="consent">[[user:consent.give]]</button>
24
- </div>
25
- </div>
26
- <!-- END -->
27
- <div class="card">
28
- <div class="card-body">
29
- <p>[[user:consent.email_intro]]</p>
30
- <!-- IF digest.enabled -->
31
- <p>[[user:consent.digest_frequency, {digest.frequency}]]</p>
32
- <!-- ELSE -->
33
- [[user:consent.digest_off]]
34
- <!-- END -->
9
+ <p class="lead">[[user:consent.lead]]</p>
10
+ <p>[[user:consent.intro]]</p>
35
11
 
36
- <div class="text-center">
37
- <a class="btn btn-outline-secondary" href="./settings">
38
- <i class="fa fa-cog"></i>
39
- [[pages:account/settings]]
40
- </a>
41
- </div>
42
- </div>
43
- </div>
44
- </div>
45
- <div class="col-sm-6">
46
- <div class="card">
47
- <div class="card-body">
48
- <p><strong>[[user:consent.right_of_access]]</strong></p>
49
- <p>[[user:consent.right_of_access_description]]</p>
50
- <p><strong>[[user:consent.right_to_rectification]]</strong></p>
51
- <p>[[user:consent.right_to_rectification_description]]</p>
52
- <p><strong>[[user:consent.right_to_erasure]]</strong></p>
53
- <p>[[user:consent.right_to_erasure_description]]</p>
54
- <p><strong>[[user:consent.right_to_data_portability]]</strong></p>
55
- <p>[[user:consent.right_to_data_portability_description]]</p>
12
+ <hr />
56
13
 
57
- <div class="btn-group-vertical d-grid">
58
- <a data-action="export-profile" class="btn btn-outline-secondary">
59
- <i class="fa fa-download"></i> [[user:consent.export_profile]]
60
- </a>
61
- <a data-action="export-posts" class="btn btn-outline-secondary">
62
- <i class="fa fa-download"></i> [[user:consent.export_posts]]
63
- </a>
64
- <a data-action="export-uploads" class="btn btn-outline-secondary">
65
- <i class="fa fa-download"></i> [[user:consent.export_uploads]]
66
- </a>
67
- </div>
68
- </div>
69
- </div>
14
+ <div class="row">
15
+ </div>
70
16
  </div>
71
- </div>
17
+ </div>
package/templates/account/edit/password.tpl CHANGED
@@ -1,32 +1,37 @@
1
- <!-- THIS FILE IS STILL PERSONA -->
2
-
3
1
  <div class="account">
4
2
  <!-- IMPORT partials/account/header.tpl -->
5
3
 
6
- <form class="edit-form">
7
- <!-- disables autocomplete on FF --><input type="password" style="display:none">
4
+ <div class="d-flex flex-column flex-md-row">
5
+ <!-- IMPORT partials/account/sidebar-left.tpl -->
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
7
+ <h3 class="fw-semibold fs-5">{{{ if isSelf }}}[[user:change_password]]{{{ else }}}[[pages:{template.name}, {username}]]{{{ end }}}</h3>
8
8
 
9
- <!-- IF isSelf -->
10
- <div class="mb-2">
11
- <label class="form-label fw-bold" for="inputCurrentPassword">[[user:current_password]]</label>
12
- <input autocomplete="off" class="form-control" type="password" id="inputCurrentPassword" placeholder="[[user:current_password]]" value=""<!-- IF !hasPassword --> disabled<!-- ENDIF !hasPassword -->>
13
- </div>
14
- <!-- ENDIF isSelf -->
9
+ <form class="edit-form">
10
+ <!-- disables autocomplete on FF --><input type="password" style="display:none">
15
11
 
16
- <div class="mb-2">
17
- <label class="form-label fw-bold" for="inputNewPassword">[[user:new_password]]</label>
18
- <input class="form-control" type="password" id="inputNewPassword" placeholder="[[user:password]]" value="">
19
- <span class="form-feedback" id="password-notify"></span>
20
- </div>
12
+ {{{ if isSelf }}}
13
+ <div class="mb-2">
14
+ <label class="form-label fw-semibold text-xm" for="inputCurrentPassword">[[user:current_password]]</label>
15
+ <input autocomplete="off" class="form-control" type="password" id="inputCurrentPassword" placeholder="[[user:current_password]]" value=""<!-- IF !hasPassword --> disabled<!-- ENDIF !hasPassword -->>
16
+ </div>
17
+ {{{ end }}}
21
18
 
22
- <div class="mb-2">
23
- <label class="form-label fw-bold" for="inputNewPasswordAgain">[[user:confirm_password]]</label>
24
- <input class="form-control" type="password" id="inputNewPasswordAgain" placeholder="[[user:confirm_password]]" value="">
25
- <span class="form-feedback" id="password-confirm-notify"></span>
26
- </div>
19
+ <div class="mb-2">
20
+ <label class="form-label fw-semibold text-xm" for="inputNewPassword">[[user:new_password]]</label>
21
+ <input class="form-control" type="password" id="inputNewPassword" placeholder="[[user:password]]" value="">
22
+ <span class="form-feedback" id="password-notify"></span>
23
+ </div>
24
+
25
+ <div class="mb-2">
26
+ <label class="form-label fw-semibold text-xm" for="inputNewPasswordAgain">[[user:confirm_password]]</label>
27
+ <input class="form-control" type="password" id="inputNewPasswordAgain" placeholder="[[user:confirm_password]]" value="">
28
+ <span class="form-feedback" id="password-confirm-notify"></span>
29
+ </div>
27
30
 
28
- <div class="form-actions">
29
- <button id="changePasswordBtn" class="btn btn-primary btn-block"><i class="hide fa fa-spinner fa-spin"></i> [[user:change_password]]</button>
31
+ <div class="form-actions">
32
+ <button id="changePasswordBtn" class="btn btn-primary btn-block"><i class="hide fa fa-spinner fa-spin"></i> [[user:change_password]]</button>
33
+ </div>
34
+ </form>
30
35
  </div>
31
- </form>
32
- </div>
36
+ </div>
37
+ </div>
package/templates/account/edit/username.tpl CHANGED
@@ -1,28 +1,33 @@
1
- <!-- THIS FILE IS STILL PERSONA -->
2
-
3
1
  <div class="account">
4
2
  <!-- IMPORT partials/account/header.tpl -->
5
3
 
6
- <form class="form-horizontal edit-form">
7
- <div class="mb-2">
8
- <label class="form-label fw-bold" for="inputNewUsername">[[user:username]]</label>
9
- <input class="form-control" type="text" id="inputNewUsername" placeholder="[[user:username]]" value="{username}">
10
- </div>
4
+ <div class="d-flex flex-column flex-md-row">
5
+ <!-- IMPORT partials/account/sidebar-left.tpl -->
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
7
+ <h3 class="fw-semibold fs-5">{{{ if isSelf }}}[[user:change_username]]{{{ else }}}[[pages:{template.name}, {username}]]{{{ end }}}</h3>
11
8
 
12
- <!-- disables autocomplete on FF --><input type="password" style="display:none">
9
+ <form class="form-horizontal edit-form">
10
+ <div class="mb-2">
11
+ <label class="form-label fw-semibold text-sm" for="inputNewUsername">[[user:username]]</label>
12
+ <input class="form-control" type="text" id="inputNewUsername" placeholder="[[user:username]]" value="{username}">
13
+ </div>
13
14
 
14
- <!-- IF isSelf -->
15
- <div class="mb-2">
16
- <label class="form-label fw-bold" for="inputCurrentPassword">[[user:current_password]]</label>
17
- <input autocomplete="off" class="form-control" type="password" id="inputCurrentPassword" placeholder="[[user:current_password]]" value=""<!-- IF !hasPassword --> disabled<!-- ENDIF !hasPassword -->>
18
- </div>
19
- <!-- ENDIF isSelf -->
15
+ <!-- disables autocomplete on FF --><input type="password" style="display:none">
16
+
17
+ {{{ if isSelf }}}
18
+ <div class="mb-2">
19
+ <label class="form-label fw-semibold text-sm" for="inputCurrentPassword">[[user:current_password]]</label>
20
+ <input autocomplete="off" class="form-control" type="password" id="inputCurrentPassword" placeholder="[[user:current_password]]" value=""{{{ if !hasPassword }}} disabled{{{ end }}}>
21
+ </div>
22
+ {{{ end }}}
20
23
 
21
- <input type="hidden" name="uid" id="inputUID" value="{uid}" />
24
+ <input type="hidden" name="uid" id="inputUID" value="{uid}" />
22
25
 
23
- <br/>
24
- <div class="form-actions">
25
- <button id="submitBtn" class="btn btn-primary btn-block"><i class="hide fa fa-spinner fa-spin"></i> [[user:change_username]]</button>
26
+ <br/>
27
+ <div class="form-actions">
28
+ <button id="submitBtn" class="btn btn-primary btn-block"><i class="hide fa fa-spinner fa-spin"></i> [[user:change_username]]</button>
29
+ </div>
30
+ </form>
26
31
  </div>
27
- </form>
28
- </div>
32
+ </div>
33
+ </div>
package/templates/account/edit.tpl CHANGED
@@ -1,61 +1,15 @@
1
1
  <div class="account">
2
2
  <!-- IMPORT partials/account/header.tpl -->
3
3
 
4
- <div class="row gx-5">
4
+ <div class="d-flex flex-column flex-md-row">
5
5
  <!-- IMPORT partials/account/sidebar-left.tpl -->
6
-
7
- <div class="col-12 col-md-9 col-lg-10 ps-md-5">
8
- <div class="d-flex justify-content-end mb-3 sticky-lg-top" style="top: 1rem;">
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
7
+ <div class="d-flex justify-content-between mb-3">
8
+ <h3 class="fw-semibold fs-5">{{{ if isSelf }}}[[user:edit-profile]]{{{ else }}}[[pages:account/edit, {username}]]{{{ end }}}</h3>
9
9
  <button id="submitBtn" class="btn btn-primary">[[global:save_changes]]</button>
10
10
  </div>
11
11
  <div class="row">
12
- <div class="col-xl-2 col-12">
13
- <div class="account-picture-block text-center">
14
- <div class="row mb-3">
15
- <div class="col-12 hidden-xs">
16
- <!-- IF picture -->
17
- <img id="user-current-picture" class="avatar avatar-rounded" style="--avatar-size: 128px;" src="{picture}" />
18
- <!-- ELSE -->
19
- <div class="avatar avatar-rounded" style="background-color: {icon:bgColor}; --avatar-size: 128px;">{icon:text}</div>
20
- <!-- ENDIF picture -->
21
- </div>
22
- </div>
23
- <ul class="list-group mb-3 text-sm text-nowrap">
24
- <!-- IF allowProfilePicture -->
25
- <a id="changePictureBtn" href="#" class="list-group-item px-1 text-decoration-none">[[user:change_picture]]</a>
26
- <!-- ENDIF allowProfilePicture -->
27
- <!-- IF !username:disableEdit -->
28
- <a href="{config.relative_path}/user/{userslug}/edit/username" class="list-group-item px-1 text-decoration-none">[[user:change_username]]</a>
29
- <!-- ENDIF !username:disableEdit -->
30
- <!-- IF !email:disableEdit -->
31
- <a href="{config.relative_path}/user/{userslug}/edit/email" class="list-group-item px-1 text-decoration-none">[[user:change_email]]</a>
32
- <!-- ENDIF !email:disableEdit -->
33
- <!-- IF canChangePassword -->
34
- <a href="{config.relative_path}/user/{userslug}/edit/password" class="list-group-item px-1 text-decoration-none">[[user:change_password]]</a>
35
- <!-- ENDIF canChangePassword -->
36
- {{{each editButtons}}}
37
- <a href="{config.relative_path}{editButtons.link}" class="list-group-item px-1 text-decoration-none">{editButtons.text}</a>
38
- {{{end}}}
39
- </ul>
40
-
41
- <!-- IF config.requireEmailConfirmation -->
42
- <!-- IF email -->
43
- <!-- IF isSelf -->
44
- <a id="confirm-email" href="#" class="btn btn-warning <!-- IF email:confirmed -->hide<!-- ENDIF email:confirmed -->">[[user:confirm_email]]</a><br/><br/>
45
- <!-- ENDIF isSelf -->
46
- <!-- ENDIF email -->
47
- <!-- ENDIF config.requireEmailConfirmation -->
48
-
49
- <!-- IF allowAccountDelete -->
50
- <!-- IF isSelf -->
51
- <a id="deleteAccountBtn" href="#" class="btn btn-danger">[[user:delete_account]]</a><br/><br/>
52
- <!-- ENDIF isSelf -->
53
- <!-- ENDIF allowAccountDelete -->
54
-
55
- </div>
56
- </div>
57
-
58
- <div class="col-xl-5 col-12">
12
+ <div class="col-xl-6 col-12">
59
13
  <form role="form" component="profile/edit/form">
60
14
  <div class="mb-2">
61
15
  <label class="form-label fw-bold" for="fullname">[[user:fullname]]</label>
@@ -81,7 +35,7 @@
81
35
  <div class="mb-2">
82
36
  <label class="form-label fw-bold" for="groupTitle">[[user:grouptitle]]</label>
83
37
 
84
- <select class="form-select" id="groupTitle" name="groupTitle" <!-- IF allowMultipleBadges --> size="{groupSelectSize}" multiple<!-- ENDIF allowMultipleBadges -->>
38
+ <select class="form-select mb-1" id="groupTitle" name="groupTitle" <!-- IF allowMultipleBadges --> size="{groupSelectSize}" multiple<!-- ENDIF allowMultipleBadges -->>
85
39
  <option value="">[[user:no-group-title]]</option>
86
40
  {{{each groups}}}
87
41
  <!-- IF groups.userTitleEnabled -->
@@ -90,8 +44,10 @@
90
44
  {{{end}}}
91
45
  </select>
92
46
  <!-- IF allowMultipleBadges -->
93
- <span>[[user:group-order-help]]</span>
94
- <i role="button" component="group/order/up" class="fa fa-chevron-up"></i> <i role="button" component="group/order/down" class="fa fa-chevron-down"></i>
47
+ <div class="d-none d-md-block">
48
+ <span class="form-text">[[user:group-order-help]]</span>
49
+ <i role="button" component="group/order/up" class="fa fa-chevron-up"></i> <i role="button" component="group/order/down" class="fa fa-chevron-down"></i>
50
+ </div>
95
51
  <!-- ENDIF -->
96
52
  </div>
97
53
 
@@ -111,12 +67,39 @@
111
67
  <!-- ENDIF !disableSignatures -->
112
68
  <!-- ENDIF allowSignature -->
113
69
  </form>
114
-
115
70
  <hr class="visible-xs visible-sm"/>
116
71
  </div>
117
72
 
118
- {{{ if sso.length }}}
119
- <div class="col-xl-5 col-12">
73
+ <div class="col-xl-6 col-12">
74
+ <div class="text-center">
75
+ <ul class="list-group mb-3 text-sm text-nowrap">
76
+ <!-- IF allowProfilePicture -->
77
+ <a id="changePictureBtn" href="#" class="list-group-item px-1 text-decoration-none">[[user:change_picture]]</a>
78
+ <!-- ENDIF allowProfilePicture -->
79
+ <!-- IF !username:disableEdit -->
80
+ <a href="{config.relative_path}/user/{userslug}/edit/username" class="list-group-item px-1 text-decoration-none">[[user:change_username]]</a>
81
+ <!-- ENDIF !username:disableEdit -->
82
+ <!-- IF !email:disableEdit -->
83
+ <a href="{config.relative_path}/user/{userslug}/edit/email" class="list-group-item px-1 text-decoration-none">[[user:change_email]]</a>
84
+ <!-- ENDIF !email:disableEdit -->
85
+ <!-- IF canChangePassword -->
86
+ <a href="{config.relative_path}/user/{userslug}/edit/password" class="list-group-item px-1 text-decoration-none">[[user:change_password]]</a>
87
+ <!-- ENDIF canChangePassword -->
88
+ {{{each editButtons}}}
89
+ <a href="{config.relative_path}{editButtons.link}" class="list-group-item px-1 text-decoration-none">{editButtons.text}</a>
90
+ {{{end}}}
91
+ </ul>
92
+
93
+ <!-- IF config.requireEmailConfirmation -->
94
+ <!-- IF email -->
95
+ <!-- IF isSelf -->
96
+ <a id="confirm-email" href="#" class="btn btn-warning <!-- IF email:confirmed -->hide<!-- ENDIF email:confirmed -->">[[user:confirm_email]]</a><br/><br/>
97
+ <!-- ENDIF isSelf -->
98
+ <!-- ENDIF email -->
99
+ <!-- ENDIF config.requireEmailConfirmation -->
100
+ </div>
101
+
102
+ {{{ if sso.length }}}
120
103
  <label class="form-label text-sm fw-semibold">[[user:sso.title]]</label>
121
104
  <div class="list-group">
122
105
  {{{each sso}}}
@@ -132,8 +115,15 @@
132
115
  </div>
133
116
  {{{end}}}
134
117
  </div>
118
+ {{{ end }}}
119
+
120
+ <hr/>
121
+ {{{ if (allowAccountDelete && isSelf) }}}
122
+ <div class="d-flex justify-content-end">
123
+ <button id="deleteAccountBtn" class="btn btn-danger">[[user:delete_account]]</button>
124
+ </div>
125
+ {{{ end }}}
135
126
  </div>
136
- {{{ end }}}
137
127
  </div>
138
128
  </div>
139
129
  </div>
package/templates/account/followers.tpl CHANGED
@@ -1,10 +1,9 @@
1
1
  <div class="account">
2
2
  <!-- IMPORT partials/account/header.tpl -->
3
3
 
4
- <div class="row gx-5">
4
+ <div class="d-flex flex-column flex-md-row">
5
5
  <!-- IMPORT partials/account/sidebar-left.tpl -->
6
-
7
- <div class="col-12 col-md-9 col-lg-10 ps-md-5">
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
8
7
  <h3 class="fw-semibold fs-5">[[pages:{template.name}, {username}]]</h3>
9
8
 
10
9
  {{{ if !users.length }}}
package/templates/account/following.tpl CHANGED
@@ -1,10 +1,9 @@
1
1
  <div class="account">
2
2
  <!-- IMPORT partials/account/header.tpl -->
3
3
 
4
- <div class="row gx-5">
4
+ <div class="d-flex flex-column flex-md-row">
5
5
  <!-- IMPORT partials/account/sidebar-left.tpl -->
6
-
7
- <div class="col-12 col-md-9 col-lg-10 ps-md-5">
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
8
7
  <h3 class="fw-semibold fs-5">[[pages:{template.name}, {username}]]</h3>
9
8
 
10
9
  {{{ if !users.length }}}
package/templates/account/groups.tpl CHANGED
@@ -1,10 +1,9 @@
1
1
  <div class="account">
2
2
  <!-- IMPORT partials/account/header.tpl -->
3
3
 
4
- <div class="row gx-5">
4
+ <div class="d-flex flex-column flex-md-row">
5
5
  <!-- IMPORT partials/account/sidebar-left.tpl -->
6
-
7
- <div class="col-12 col-md-9 col-lg-10 ps-md-5">
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
8
7
  <h3 class="fw-semibold fs-5">[[pages:{template.name}, {username}]]</h3>
9
8
 
10
9
  <div class="groups">
package/templates/account/info.tpl CHANGED
@@ -1,10 +1,9 @@
1
1
  <div class="account">
2
2
  <!-- IMPORT partials/account/header.tpl -->
3
3
 
4
- <div class="row gx-5">
4
+ <div class="d-flex flex-column flex-md-row">
5
5
  <!-- IMPORT partials/account/sidebar-left.tpl -->
6
-
7
- <div class="col-12 col-md-9 col-lg-10 ps-md-5">
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
8
7
  {{{ if sessions.length }}}
9
8
  <div class="mb-3">
10
9
  <h4>[[global:sessions]]</h4>
@@ -32,7 +31,7 @@
32
31
  {{{ end }}}
33
32
 
34
33
  <div class="row">
35
- <div class="col-sm-6">
34
+ <div class="col-sm-6 mb-3">
36
35
  <div class="card mb-3">
37
36
  <h5 class="card-header">
38
37
  [[global:recentips]]
@@ -78,7 +77,7 @@
78
77
  </div>
79
78
  </div>
80
79
  </div>
81
- <div class="col-sm-6">
80
+ <div class="col-sm-6 mb-3">
82
81
  <div class="card mb-3">
83
82
  <h5 class="card-header">
84
83
  [[user:info.latest-flags]]
package/templates/account/posts.tpl CHANGED
@@ -1,12 +1,12 @@
1
1
  <div class="account">
2
2
  <!-- IMPORT partials/account/header.tpl -->
3
3
 
4
- <div class="row gx-5">
4
+ <div class="d-flex flex-column flex-md-row">
5
5
  <!-- IMPORT partials/account/sidebar-left.tpl -->
6
- <div class="col-12 col-md-9 col-lg-10 ps-md-5">
7
- <div class="d-flex justify-content-between align-items-center mb-3">
6
+ <div class="flex-1 ps-md-2 ps-lg-5" style="min-width: 0;">
7
+ <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
8
8
  <h3 class="fw-semibold fs-5 mb-0">[[global:posts]]</h3>
9
- <div class="d-flex gap-1">
9
+ <div class="d-flex flex-wrap gap-1">
10
10
  <a href="{config.relative_path}/user/{userslug}/posts" class="btn-ghost-sm fw-semibold {{{ if template.account/posts }}}active{{{ end }}}">[[global:header.recent]]</a>
11
11
  {{{ if !reputation:disabled }}}
12
12
  <a href="{config.relative_path}/user/{userslug}/best"class="btn-ghost-sm fw-semibold {{{ if template.account/best }}}active{{{ end }}}">[[global:best]]</a>