nodebb-theme-persona 12.1.6 → 12.1.7

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 (247) hide show
  1. package/README.md +14 -14
  2. package/{scss/account.scss → less/account.less} +97 -13
  3. package/less/bootstrap/.csscomb.json +297 -0
  4. package/less/bootstrap/.csslintrc +19 -0
  5. package/less/bootstrap/alerts.less +73 -0
  6. package/less/bootstrap/badges.less +66 -0
  7. package/less/bootstrap/bootstrap.less +50 -0
  8. package/less/bootstrap/breadcrumbs.less +26 -0
  9. package/less/bootstrap/button-groups.less +243 -0
  10. package/less/bootstrap/buttons.less +160 -0
  11. package/less/bootstrap/carousel.less +269 -0
  12. package/less/bootstrap/close.less +34 -0
  13. package/less/bootstrap/code.less +69 -0
  14. package/less/bootstrap/component-animations.less +33 -0
  15. package/less/bootstrap/dropdowns.less +214 -0
  16. package/less/bootstrap/forms.less +574 -0
  17. package/less/bootstrap/glyphicons.less +305 -0
  18. package/less/bootstrap/grid.less +84 -0
  19. package/less/bootstrap/input-groups.less +166 -0
  20. package/less/bootstrap/jumbotron.less +50 -0
  21. package/less/bootstrap/labels.less +64 -0
  22. package/less/bootstrap/list-group.less +124 -0
  23. package/less/bootstrap/media.less +61 -0
  24. package/less/bootstrap/mixins/alerts.less +14 -0
  25. package/less/bootstrap/mixins/background-variant.less +8 -0
  26. package/less/bootstrap/mixins/border-radius.less +18 -0
  27. package/less/bootstrap/mixins/buttons.less +52 -0
  28. package/less/bootstrap/mixins/center-block.less +7 -0
  29. package/less/bootstrap/mixins/clearfix.less +22 -0
  30. package/less/bootstrap/mixins/forms.less +85 -0
  31. package/less/bootstrap/mixins/gradients.less +59 -0
  32. package/less/bootstrap/mixins/grid-framework.less +91 -0
  33. package/less/bootstrap/mixins/grid.less +122 -0
  34. package/less/bootstrap/mixins/hide-text.less +21 -0
  35. package/less/bootstrap/mixins/image.less +33 -0
  36. package/less/bootstrap/mixins/labels.less +12 -0
  37. package/less/bootstrap/mixins/list-group.less +29 -0
  38. package/less/bootstrap/mixins/nav-divider.less +10 -0
  39. package/less/bootstrap/mixins/nav-vertical-align.less +9 -0
  40. package/less/bootstrap/mixins/opacity.less +8 -0
  41. package/less/bootstrap/mixins/pagination.less +23 -0
  42. package/less/bootstrap/mixins/panels.less +24 -0
  43. package/less/bootstrap/mixins/progress-bar.less +10 -0
  44. package/less/bootstrap/mixins/reset-filter.less +8 -0
  45. package/less/bootstrap/mixins/resize.less +6 -0
  46. package/less/bootstrap/mixins/responsive-visibility.less +15 -0
  47. package/less/bootstrap/mixins/size.less +10 -0
  48. package/less/bootstrap/mixins/tab-focus.less +9 -0
  49. package/less/bootstrap/mixins/table-row.less +28 -0
  50. package/less/bootstrap/mixins/text-emphasis.less +8 -0
  51. package/less/bootstrap/mixins/text-overflow.less +8 -0
  52. package/less/bootstrap/mixins/vendor-prefixes.less +227 -0
  53. package/less/bootstrap/mixins.less +39 -0
  54. package/less/bootstrap/modals.less +150 -0
  55. package/less/bootstrap/navbar.less +660 -0
  56. package/less/bootstrap/navs.less +242 -0
  57. package/less/bootstrap/normalize.less +427 -0
  58. package/less/bootstrap/pager.less +54 -0
  59. package/less/bootstrap/pagination.less +88 -0
  60. package/less/bootstrap/panels.less +265 -0
  61. package/less/bootstrap/popovers.less +135 -0
  62. package/less/bootstrap/print.less +107 -0
  63. package/less/bootstrap/progress-bars.less +87 -0
  64. package/less/bootstrap/responsive-embed.less +35 -0
  65. package/less/bootstrap/responsive-utilities.less +194 -0
  66. package/less/bootstrap/scaffolding.less +162 -0
  67. package/less/bootstrap/tables.less +234 -0
  68. package/less/bootstrap/theme.less +273 -0
  69. package/less/bootstrap/thumbnails.less +36 -0
  70. package/less/bootstrap/tooltip.less +102 -0
  71. package/less/bootstrap/type.less +302 -0
  72. package/less/bootstrap/utilities.less +55 -0
  73. package/less/bootstrap/variables.less +861 -0
  74. package/less/bootstrap/wells.less +29 -0
  75. package/less/bootstrap-flipped.css +1550 -0
  76. package/{scss/categories.scss → less/categories.less} +40 -10
  77. package/{scss/category.scss → less/category.less} +75 -26
  78. package/{scss/chats.scss → less/chats.less} +88 -35
  79. package/{scss/flags.scss → less/flags.less} +3 -3
  80. package/{scss/footer.scss → less/footer.less} +1 -0
  81. package/{scss/groups.scss → less/groups.less} +38 -14
  82. package/{scss/header.scss → less/header.less} +139 -63
  83. package/{scss/helpers.scss → less/helpers.less} +0 -0
  84. package/less/ip-blacklist.less +7 -0
  85. package/{scss/keyframes.scss → less/keyframes.less} +0 -0
  86. package/{scss/mixins.scss → less/mixins.less} +59 -17
  87. package/{scss/mobile.scss → less/mobile.less} +18 -13
  88. package/{scss/modules/alerts.scss → less/modules/alerts.less} +21 -21
  89. package/less/modules/bottom-sheet.less +60 -0
  90. package/{scss/modules/composer-default.scss → less/modules/composer-default.less} +2 -2
  91. package/{scss/modules/cookie-consent.scss → less/modules/cookie-consent.less} +1 -1
  92. package/{scss/modules/fab.scss → less/modules/fab.less} +2 -2
  93. package/{scss/modules/morph.scss → less/modules/morph.less} +1 -1
  94. package/{scss/modules/necro-post.scss → less/modules/necro-post.less} +0 -0
  95. package/less/modules/nprogress.less +80 -0
  96. package/{scss/modules/taskbar.scss → less/modules/taskbar.less} +10 -11
  97. package/{scss/modules/usercard.scss → less/modules/usercard.less} +0 -0
  98. package/{scss/noscript.scss → less/noscript.less} +7 -5
  99. package/less/notifications.less +38 -0
  100. package/{scss/outgoing.scss → less/outgoing.less} +0 -0
  101. package/{scss/persona.scss → less/persona.less} +13 -1
  102. package/less/post-queue.less +19 -0
  103. package/{scss/posts_list.scss → less/posts_list.less} +14 -11
  104. package/{scss/register.scss → less/register.less} +7 -2
  105. package/less/rtl.less +132 -0
  106. package/less/search.less +96 -0
  107. package/{scss/style.scss → less/style.less} +47 -23
  108. package/less/tags.less +37 -0
  109. package/{scss/topic.scss → less/topic.less} +90 -53
  110. package/less/topics_list.less +16 -0
  111. package/less/users.less +73 -0
  112. package/{scss/variables.scss → less/variables.less} +3 -3
  113. package/package.json +2 -2
  114. package/public/persona.js +22 -11
  115. package/templates/account/blocks.tpl +26 -24
  116. package/templates/account/categories.tpl +6 -6
  117. package/templates/account/consent.tpl +10 -10
  118. package/templates/account/edit/password.tpl +10 -8
  119. package/templates/account/edit/username.tpl +10 -6
  120. package/templates/account/edit.tpl +23 -23
  121. package/templates/account/followers.tpl +3 -3
  122. package/templates/account/following.tpl +3 -3
  123. package/templates/account/groups.tpl +2 -2
  124. package/templates/account/info.tpl +72 -67
  125. package/templates/account/posts.tpl +1 -1
  126. package/templates/account/profile.tpl +18 -20
  127. package/templates/account/sessions.tpl +3 -3
  128. package/templates/account/settings.tpl +81 -93
  129. package/templates/account/topics.tpl +5 -5
  130. package/templates/account/uploads.tpl +2 -2
  131. package/templates/admin/plugins/persona.tpl +3 -3
  132. package/templates/alert.tpl +15 -0
  133. package/templates/category.tpl +14 -15
  134. package/templates/chat.tpl +9 -16
  135. package/templates/chats.tpl +3 -5
  136. package/templates/flags/detail.tpl +80 -86
  137. package/templates/flags/list.tpl +4 -4
  138. package/templates/footer.tpl +1 -1
  139. package/templates/groups/details.tpl +218 -23
  140. package/templates/groups/list.tpl +9 -11
  141. package/templates/groups/members.tpl +4 -1
  142. package/templates/header.tpl +4 -10
  143. package/templates/ip-blacklist.tpl +20 -22
  144. package/templates/login.tpl +14 -17
  145. package/templates/modules/taskbar.tpl +1 -1
  146. package/templates/modules/usercard.tpl +2 -2
  147. package/templates/notifications.tpl +38 -40
  148. package/templates/partials/acceptTos.tpl +8 -8
  149. package/templates/partials/account/category-item.tpl +5 -6
  150. package/templates/partials/account/header.tpl +2 -2
  151. package/templates/partials/account/menu.tpl +37 -37
  152. package/templates/partials/breadcrumbs.tpl +1 -1
  153. package/templates/partials/buttons/newTopic.tpl +3 -10
  154. package/templates/partials/categories/item.tpl +10 -24
  155. package/templates/partials/categories/lastpost.tpl +3 -3
  156. package/templates/partials/categories/link.tpl +10 -10
  157. package/templates/partials/category/sort.tpl +7 -7
  158. package/templates/partials/category/subcategory.tpl +3 -3
  159. package/templates/partials/category/tags.tpl +5 -3
  160. package/templates/partials/category/tools.tpl +16 -16
  161. package/templates/partials/category/watch.tpl +10 -8
  162. package/templates/partials/category-filter-content.tpl +5 -17
  163. package/templates/partials/category-filter-right.tpl +1 -1
  164. package/templates/partials/category-selector-content.tpl +4 -17
  165. package/templates/partials/category-selector-right.tpl +1 -1
  166. package/templates/partials/change_owner_modal.tpl +22 -0
  167. package/templates/partials/chats/message-window.tpl +8 -10
  168. package/templates/partials/chats/message.tpl +11 -11
  169. package/templates/partials/chats/options.tpl +8 -8
  170. package/templates/partials/chats/recent_room.tpl +1 -1
  171. package/templates/partials/chats/system-message.tpl +1 -1
  172. package/templates/partials/chats/user.tpl +1 -1
  173. package/templates/partials/chats-menu.tpl +11 -11
  174. package/templates/partials/cookie-consent.tpl +1 -1
  175. package/templates/partials/delete_posts_modal.tpl +19 -0
  176. package/templates/partials/flags/filters.tpl +32 -34
  177. package/templates/partials/fork_thread_modal.tpl +22 -0
  178. package/templates/partials/groups/list.tpl +6 -6
  179. package/templates/partials/groups/memberlist.tpl +10 -11
  180. package/templates/partials/menu.tpl +156 -149
  181. package/templates/partials/merge_topics_modal.tpl +58 -0
  182. package/templates/partials/modals/change_picture_modal.tpl +73 -0
  183. package/templates/partials/modals/flag_modal.tpl +45 -0
  184. package/templates/partials/modals/manage_room.tpl +11 -0
  185. package/templates/partials/modals/manage_room_users.tpl +7 -0
  186. package/templates/partials/modals/post_history.tpl +36 -0
  187. package/templates/partials/modals/rename_room.tpl +4 -0
  188. package/templates/partials/modals/upload_file_modal.tpl +44 -0
  189. package/templates/partials/modals/upload_picture_from_url_modal.tpl +17 -0
  190. package/templates/partials/modals/votes_modal.tpl +10 -0
  191. package/templates/partials/move_thread_modal.tpl +17 -0
  192. package/templates/partials/notifications_list.tpl +2 -2
  193. package/templates/partials/paginator.tpl +21 -21
  194. package/templates/partials/post_bar.tpl +4 -4
  195. package/templates/partials/posts_list.tpl +1 -1
  196. package/templates/partials/posts_list_item.tpl +2 -2
  197. package/templates/partials/quick-search-results.tpl +11 -14
  198. package/templates/partials/slideout-menu.tpl +1 -1
  199. package/templates/partials/tags_list.tpl +3 -3
  200. package/templates/partials/thread_tools.tpl +4 -4
  201. package/templates/partials/topic/badge.tpl +5 -0
  202. package/templates/partials/topic/deleted-message.tpl +2 -2
  203. package/templates/partials/topic/event.tpl +2 -2
  204. package/templates/partials/topic/navigation-post.tpl +3 -3
  205. package/templates/partials/topic/navigator.tpl +7 -7
  206. package/templates/partials/topic/necro-post.tpl +1 -1
  207. package/templates/partials/topic/post-menu-list.tpl +23 -26
  208. package/templates/partials/topic/post-menu.tpl +3 -3
  209. package/templates/partials/topic/post.tpl +44 -49
  210. package/templates/partials/topic/quickreply.tpl +3 -3
  211. package/templates/partials/topic/reply-button.tpl +3 -3
  212. package/templates/partials/topic/sort.tpl +5 -5
  213. package/templates/partials/topic/tags.tpl +5 -3
  214. package/templates/partials/topic/topic-menu-list.tpl +16 -18
  215. package/templates/partials/topic/watch.tpl +10 -11
  216. package/templates/partials/topics_list.tpl +25 -27
  217. package/templates/partials/users_list.tpl +10 -22
  218. package/templates/partials/users_list_menu.tpl +9 -19
  219. package/templates/popular.tpl +35 -9
  220. package/templates/post-queue.tpl +35 -42
  221. package/templates/recent.tpl +24 -10
  222. package/templates/register.tpl +17 -17
  223. package/templates/registerComplete.tpl +10 -14
  224. package/templates/reset.tpl +5 -7
  225. package/templates/reset_code.tpl +9 -9
  226. package/templates/search.tpl +87 -100
  227. package/templates/tag.tpl +10 -8
  228. package/templates/tags.tpl +3 -5
  229. package/templates/top.tpl +35 -9
  230. package/templates/topic.tpl +10 -8
  231. package/templates/tos.tpl +4 -4
  232. package/templates/unread.tpl +22 -10
  233. package/templates/users.tpl +20 -7
  234. package/theme.json +6 -6
  235. package/theme.less +2 -0
  236. package/scss/modules/nprogress.scss +0 -80
  237. package/scss/overrides.scss +0 -44
  238. package/scss/search.scss +0 -39
  239. package/scss/tags.scss +0 -11
  240. package/scss/topics_list.scss +0 -17
  241. package/templates/partials/groups/admin.tpl +0 -195
  242. package/templates/partials/groups/badge.tpl +0 -1
  243. package/templates/partials/toast.tpl +0 -14
  244. package/templates/partials/topic/tag.tpl +0 -1
  245. package/templates/partials/topic-filters.tpl +0 -12
  246. package/templates/partials/topic-terms.tpl +0 -12
  247. package/theme.scss +0 -1
package/templates/groups/members.tpl CHANGED
@@ -1,6 +1,9 @@
1
1
  <!-- IMPORT partials/breadcrumbs.tpl -->
2
2
  <div class="users">
3
- <!-- IMPORT partials/users_list.tpl -->
3
+
4
+ <ul id="users-container" class="users-container">
5
+ <!-- IMPORT partials/users_list.tpl -->
6
+ </ul>
4
7
 
5
8
  <!-- IMPORT partials/paginator.tpl -->
6
9
  </div>
package/templates/header.tpl CHANGED
@@ -3,7 +3,7 @@
3
3
  <head>
4
4
  <title>{browserTitle}</title>
5
5
  {{{each metaTags}}}{function.buildMetaTag}{{{end}}}
6
- <link rel="stylesheet" type="text/css" href="{relative_path}/assets/client{{{if bootswatchSkin}}}-{bootswatchSkin}{{{end}}}{{{ if (languageDirection=="rtl") }}}-rtl{{{ end }}}.css?{config.cache-buster}" />
6
+ <link rel="stylesheet" type="text/css" href="{relative_path}/assets/client{{{if bootswatchSkin}}}-{bootswatchSkin}{{{end}}}.css?{config.cache-buster}" />
7
7
  {{{each linkTags}}}{function.buildLinkTag}{{{end}}}
8
8
 
9
9
  <script>
@@ -11,7 +11,6 @@
11
11
  var app = {
12
12
  user: JSON.parse('{{userJSON}}')
13
13
  };
14
-
15
14
  document.documentElement.style.setProperty('--panel-offset', `${localStorage.getItem('panelOffset') || 0}px`);
16
15
  </script>
17
16
 
@@ -32,16 +31,11 @@
32
31
  </nav>
33
32
 
34
33
  <main id="panel" class="slideout-panel">
35
- <nav class="navbar sticky-top navbar-expand-lg bg-light header border-bottom" id="header-menu" component="navbar">
36
- <div class="container justify-content-start flex-nowrap">
34
+ <nav class="navbar navbar-default navbar-fixed-top header" id="header-menu" component="navbar">
35
+ <div class="container">
37
36
  <!-- IMPORT partials/menu.tpl -->
38
37
  </div>
39
38
  </nav>
40
- <script>
41
- const rect = document.getElementById('header-menu').getBoundingClientRect();
42
- const offset = Math.max(0, rect.bottom);
43
- document.documentElement.style.setProperty('--panel-offset', offset + `px`);
44
- </script>
45
- <div class="container pt-3" id="content">
39
+ <div class="container" id="content">
46
40
  <!-- IMPORT partials/noscript/warning.tpl -->
47
41
  <!-- IMPORT partials/noscript/message.tpl -->
package/templates/ip-blacklist.tpl CHANGED
@@ -10,24 +10,22 @@
10
10
  </p>
11
11
 
12
12
  <div class="row">
13
- <div class="col-sm-6 d-flex flex-column">
14
- <div class="card mb-3 flex-grow-1">
15
- <div class="card-header">[[ip-blacklist:active-rules]]</div>
16
- <div class="card-body d-flex flex-column">
17
- <textarea id="blacklist-rules" class="flex-grow-1 mb-3 w-100 d-block border px-2 py-1">{rules}</textarea>
18
- <div>
19
- <button type="button" class="btn btn-warning" data-action="test">
20
- <i class="fa fa-bomb"></i> [[ip-blacklist:validate]]
21
- </button>
22
- <button type="button" class="btn btn-primary" data-action="apply">
23
- <i class="fa fa-save"></i> [[ip-blacklist:apply]]
24
- </button>
25
- </div>
13
+ <div class="col-sm-6">
14
+ <div class="panel panel-default">
15
+ <div class="panel-heading">[[ip-blacklist:active-rules]]</div>
16
+ <div class="panel-body">
17
+ <textarea id="blacklist-rules">{rules}</textarea><br />
18
+ <button type="button" class="btn btn-warning" data-action="test">
19
+ <i class="fa fa-bomb"></i> [[ip-blacklist:validate]]
20
+ </button>
21
+ <button type="button" class="btn btn-primary" data-action="apply">
22
+ <i class="fa fa-save"></i> [[ip-blacklist:apply]]
23
+ </button>
26
24
  </div>
27
25
  </div>
28
- <div class="card flex-shrink-1">
29
- <div class="card-header">[[ip-blacklist:hints]]</div>
30
- <div class="card-body">
26
+ <div class="panel panel-default">
27
+ <div class="panel-heading">[[ip-blacklist:hints]]</div>
28
+ <div class="panel-body">
31
29
  <p>
32
30
  [[ip-blacklist:hint-1]]
33
31
  </p>
@@ -38,18 +36,18 @@
38
36
  </div>
39
37
  </div>
40
38
  <div class="col-sm-6">
41
- <div class="card mb-3">
42
- <div class="card-body">
39
+ <div class="panel panel-default">
40
+ <div class="panel-body">
43
41
  <div><canvas id="blacklist:hourly" height="250"></canvas></div>
44
42
  </div>
45
- <div class="card-footer"><small>[[ip-blacklist:analytics.blacklist-hourly]]</small></div>
43
+ <div class="panel-footer"><small>[[ip-blacklist:analytics.blacklist-hourly]]</small></div>
46
44
  </div>
47
45
 
48
- <div class="card">
49
- <div class="card-body">
46
+ <div class="panel panel-default">
47
+ <div class="panel-body">
50
48
  <div><canvas id="blacklist:daily" height="250"></canvas></div>
51
49
  </div>
52
- <div class="card-footer"><small>[[ip-blacklist:analytics.blacklist-daily]]</small></div>
50
+ <div class="panel-footer"><small>[[ip-blacklist:analytics.blacklist-daily]]</small></div>
53
51
  </div>
54
52
  </div>
55
53
  </div>
package/templates/login.tpl CHANGED
@@ -17,14 +17,14 @@
17
17
  </div>
18
18
 
19
19
  <form class="form-horizontal" role="form" method="post" id="login-form">
20
- <div class="row mb-2">
21
- <label for="username" class="col-lg-2 col-form-label">{allowLoginWith}</label>
20
+ <div class="form-group">
21
+ <label for="username" class="col-lg-2 control-label">{allowLoginWith}</label>
22
22
  <div class="col-lg-10">
23
23
  <input class="form-control" type="text" placeholder="{allowLoginWith}" name="username" id="username" autocorrect="off" autocapitalize="off" value="{username}"/>
24
24
  </div>
25
25
  </div>
26
- <div class="row mb-2">
27
- <label for="password" class="col-lg-2 col-form-label">[[user:password]]</label>
26
+ <div class="form-group">
27
+ <label for="password" class="col-lg-2 control-label">[[user:password]]</label>
28
28
  <div class="col-lg-10">
29
29
  <input class="form-control" type="password" placeholder="[[user:password]]" name="password" id="password" <!-- IF username -->autocomplete="off"<!-- ENDIF username -->/>
30
30
  <p id="caps-lock-warning" class="text-danger hidden">
@@ -32,8 +32,8 @@
32
32
  </p>
33
33
  </div>
34
34
  </div>
35
- <div class="row mb-2">
36
- <div class="col-lg-10 offset-lg-2">
35
+ <div class="form-group">
36
+ <div class="col-lg-offset-2 col-lg-10">
37
37
  <div class="checkbox">
38
38
  <label>
39
39
  <input type="checkbox" name="remember" id="remember" checked /> [[login:remember_me]]
@@ -42,29 +42,26 @@
42
42
  </div>
43
43
  </div>
44
44
  {{{each loginFormEntry}}}
45
- <div class="row mb-2 loginFormEntry">
46
- <label for="login-{loginFormEntry.styleName}" class="col-lg-2 col-form-label">{loginFormEntry.label}</label>
47
- <div id="login-{loginFormEntry.styleName}" class="col-lg-10">{{loginFormEntry.html}}</div>
45
+ <div class="form-group loginFormEntry">
46
+ <label for="login-{loginFormEntry.styleName}" class="col-lg-4 control-label">{loginFormEntry.label}</label>
47
+ <div id="login-{loginFormEntry.styleName}" class="col-lg-8">{{loginFormEntry.html}}</div>
48
48
  </div>
49
49
  {{{end}}}
50
50
  <input type="hidden" name="_csrf" value="{config.csrf_token}" />
51
51
  <input type="hidden" name="noscript" id="noscript" value="true" />
52
- <div class="row">
53
- <div class="col-lg-10 offset-lg-2">
54
- <button class="btn btn-primary btn-lg" id="login" type="submit">[[global:login]]</button>
55
- </div>
56
- </div>
57
- <div class="row">
58
- <div class="col-lg-10 offset-lg-2">
52
+ <div class="form-group">
53
+ <div class="col-lg-offset-2 col-lg-10">
54
+ <button class="btn btn-primary btn-lg btn-block" id="login" type="submit">[[global:login]]</button>
59
55
  <!-- IF allowRegistration -->
60
56
  <span>[[login:dont_have_account]] <a href="{config.relative_path}/register">[[register:register]]</a></span>
61
57
  <!-- ENDIF allowRegistration -->
62
58
  <!-- IF allowPasswordReset -->
63
- <a id="reset-link" href="{config.relative_path}/reset">[[login:forgot_password]]</a>
59
+ &nbsp; <a id="reset-link" href="{config.relative_path}/reset">[[login:forgot_password]]</a>
64
60
  <!-- ENDIF allowPasswordReset -->
65
61
  </div>
66
62
  </div>
67
63
  </form>
64
+
68
65
  </div>
69
66
  </div>
70
67
  {{{ end }}}
package/templates/modules/taskbar.tpl CHANGED
@@ -1,3 +1,3 @@
1
- <div id="taskbar" class="taskbar fixed-bottom">
1
+ <div id="taskbar" class="taskbar navbar-fixed-bottom">
2
2
  <div class="navbar-inner"><ul class="nav navbar-nav"></ul></div>
3
3
  </div>
package/templates/modules/usercard.tpl CHANGED
@@ -16,11 +16,11 @@
16
16
  </a>
17
17
 
18
18
  <div class="row usercard-info">
19
- <div class="col-4">
19
+ <div class="col-xs-4">
20
20
  <small>[[global:posts]]</small>
21
21
  <span class="human-readable-number">{postcount}</span>
22
22
  </div>
23
- <div class="col-4">
23
+ <div class="col-xs-4">
24
24
  <small>[[global:reputation]]</small>
25
25
  <span class="human-readable-number">{reputation}</span>
26
26
  </div>
package/templates/notifications.tpl CHANGED
@@ -2,61 +2,59 @@
2
2
  <div class="notifications">
3
3
 
4
4
  <!-- IMPORT partials/breadcrumbs.tpl -->
5
- <div class="btn-toolbar justify-content-end" role="toolbar">
6
- <div class="btn-group me-2">
7
- <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
8
- {{{ if selectedFilter }}}{selectedFilter.name}{{{ end}}} <span class="caret"></span>
5
+
6
+ <div class="btn-toolbar">
7
+ <div class="dropdown pull-right">
8
+ <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="true">
9
+ <i class="fa fa-eye"></i>
10
+ <span class="caret"></span>
9
11
  </button>
10
- <ul class="dropdown-menu dropdown-menu-end" role="menu">
11
- {{{ each filters }}}
12
- {{{ if filters.separator }}}
13
- <li role="separator" class="dropdown-divider"></li>
14
- {{{ else }}}
15
- <li role="presentation" class="category">
16
- <a class="dropdown-item" role="menu-item" href="{config.relative_path}/notifications?filter={filters.filter}"><i class="fa fa-fw {{{ if filters.selected }}}fa-check{{{ end }}}"></i> {filters.name}</a>
17
- </li>
18
- {{{ end }}}
19
- {{{ end }}}
12
+ <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu1">
13
+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#" data-ajaxify="false" component="notifications/mark_all">[[notifications:mark_all_read]]</a></li>
20
14
  </ul>
21
15
  </div>
22
16
 
23
- <div class="btn-group">
24
- <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="true">
25
- <i class="fa fa-eye"></i>
26
- <span class="caret"></span>
17
+ <div class="dropdown pull-right">
18
+ <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
19
+ <!-- IF selectedFilter -->{selectedFilter.name}<!-- ENDIF selectedFilter --> <span class="caret"></span>
27
20
  </button>
28
- <ul class="dropdown-menu dropdown-menu-end" role="menu" aria-labelledby="dropdownMenu1">
29
- <li role="presentation"><a class="dropdown-item" role="menuitem" tabindex="-1" href="#" component="notifications/mark_all">[[notifications:mark_all_read]]</a></li>
21
+ <ul class="dropdown-menu" role="menu">
22
+ {{{each filters}}}
23
+ <!-- IF filters.separator -->
24
+ <li role="separator" class="divider"></li>
25
+ <!-- ELSE -->
26
+ <li role="presentation" class="category">
27
+ <a role="menu-item" href="{config.relative_path}/notifications?filter={filters.filter}"><i class="fa fa-fw <!-- IF filters.selected -->fa-check<!-- ENDIF filters.selected -->"></i> {filters.name}</a>
28
+ </li>
29
+ <!-- ENDIF filters.separator -->
30
+ {{{end}}}
30
31
  </ul>
31
32
  </div>
32
33
  </div>
33
34
 
34
35
  <hr />
35
36
 
36
- <div class="alert alert-info {{{ if notifications.length }}}hidden{{{ end }}}">
37
+ <div class="alert alert-info <!-- IF notifications.length -->hidden<!-- ENDIF notifications.length -->">
37
38
  [[notifications:no_notifs]]
38
39
  </div>
39
40
 
40
- <ul class="notifications-list list-unstyled" data-nextstart="{nextStart}">
41
+ <ul class="notifications-list" data-nextstart="{nextStart}">
41
42
  {{{each notifications}}}
42
- <li data-nid="{notifications.nid}" class="{notifications.readClass} {{{ if !./read}}}text-bg-warning{{{ end }}} d-flex pointer border p-3 mb-2" component="notifications/item">
43
- <div class="me-2">
44
- {{{ if notifications.from }}}
45
- {buildAvatar(notifications.user, "24px", true)}
46
- {{{ else }}}
47
- {{{ if notifications.image }}}
48
- <img width="24" height="24" src="{notifications.image}" />
49
- {{{ end }}}
50
- {{{ end }}}
51
- </div>
52
- <div>
53
- <p class="mb-1">
54
- <a class="text-reset" component="notifications/item/link" href="{notifications.path}">{notifications.bodyShort}</a>
55
- </p>
56
- <p class="timestamp">
57
- <span class="timeago small text-reset" title="{notifications.datetimeISO}"></span>
58
- </p>
59
- </div>
43
+ <li data-nid="{notifications.nid}" class="{notifications.readClass}" component="notifications/item">
44
+ <!-- IF notifications.image -->
45
+ <!-- IF notifications.from -->
46
+ <a class="pull-left" href="{config.relative_path}/user/{notifications.user.userslug}"><img class="user-img" src="{notifications.image}" /></a>
47
+ <!-- ENDIF notifications.from -->
48
+ <!-- ELSE -->
49
+ <a class="pull-left" href="{config.relative_path}/user/{notifications.user.userslug}"><div class="pull-left user-icon user-img" style="background-color: {notifications.user.icon:bgColor};">{notifications.user.icon:text}</div></a>
50
+ <!-- ENDIF notifications.image -->
51
+
52
+ <p>
53
+ <a component="notifications/item/link" href="{notifications.path}">{notifications.bodyShort}</a>
54
+ </p>
55
+ <p class="timestamp">
56
+ <span class="timeago" title="{notifications.datetimeISO}"></span>
57
+ </p>
60
58
  </li>
61
59
  {{{end}}}
62
60
  </ul>
package/templates/partials/acceptTos.tpl CHANGED
@@ -1,9 +1,9 @@
1
- <div class="form-group">
2
- <label for="agree-terms">[[register:terms_of_use]]</label>
3
- <div class="tos">{termsOfUse}</div>
4
- <div class="checkbox">
5
- <label>
6
- <input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]
7
- </label>
8
- </div>
1
+ <div class="form-group">
2
+ <label for="agree-terms">[[register:terms_of_use]]</label>
3
+ <div class="tos">{termsOfUse}</div>
4
+ <div class="checkbox">
5
+ <label>
6
+ <input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]
7
+ </label>
8
+ </div>
9
9
  </div>
package/templates/partials/account/category-item.tpl CHANGED
@@ -1,9 +1,9 @@
1
1
  <li component="categories/category" data-cid="{../cid}" data-parent-cid="{../parentCid}" class="row clearfix">
2
2
  <meta itemprop="name" content="{../name}">
3
3
 
4
- <div class="content col-10 depth-{../depth}">
5
- <div class="float-start">
6
- {buildCategoryIcon(@value, "48px", "rounded-circle")}
4
+ <div class="content col-xs-12 col-md-10 col-sm-12 depth-{../depth}">
5
+ <div class="icon pull-left" style="{function.generateCategoryBackground}">
6
+ <i class="fa fa-fw {../icon}"></i>
7
7
  </div>
8
8
 
9
9
  <h2 class="title">
@@ -11,13 +11,12 @@
11
11
  </h2>
12
12
  <div>
13
13
  <!-- IF ../descriptionParsed -->
14
- <div class="description text-muted">
14
+ <div class="description">
15
15
  {../descriptionParsed}
16
16
  </div>
17
17
  <!-- ENDIF ../descriptionParsed -->
18
18
  </div>
19
19
  </div>
20
- <div class="col-2">
20
+
21
21
  <!-- IMPORT partials/category/watch.tpl -->
22
- </div>
23
22
  </li>
package/templates/partials/account/header.tpl CHANGED
@@ -9,9 +9,9 @@
9
9
  <div class="cover" component="account/cover" style="background-image: url({cover:url}); background-position: {cover:position};">
10
10
  <div class="avatar-wrapper" data-uid="{uid}">
11
11
  <!-- IF picture -->
12
- <img src="{picture}" class="avatar avatar-rounded" style="--avatar-size: 128px;" />
12
+ <img src="{picture}" class="avatar avatar-xl avatar-rounded" />
13
13
  <!-- ELSE -->
14
- <div class="avatar avatar-rounded" style="background-color: {icon:bgColor}; --avatar-size: 128px;" title="{username}">{icon:text}</div>
14
+ <div class="avatar avatar-xl avatar-rounded" style="background-color: {icon:bgColor};" title="{username}">{icon:text}</div>
15
15
  <!-- ENDIF picture -->
16
16
  <i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
17
17
 
package/templates/partials/account/menu.tpl CHANGED
@@ -1,101 +1,101 @@
1
1
  <div class="btn-group account-fab bottom-sheet">
2
- <button type="button" class="persona-fab dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
2
+ <button type="button" class="persona-fab dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
3
3
  <i class="fa fa-ellipsis-v"></i>
4
4
  </button>
5
- <ul class="dropdown-menu dropdown-menu-end">
5
+ <ul class="dropdown-menu dropdown-menu-right">
6
6
  <!-- IF loggedIn -->
7
7
  <!-- IF !isSelf -->
8
8
  <!-- IF !banned -->
9
9
  <!-- IF !config.disableChat -->
10
10
  <li class="<!-- IF !hasPrivateChat -->hidden<!-- ENDIF !hasPrivateChat -->">
11
- <a class="dropdown-item" component="account/chat" href="#">[[user:chat_with, {username}]]</a>
11
+ <a component="account/chat" href="#">[[user:chat_with, {username}]]</a>
12
12
  </li>
13
13
  <li>
14
- <a class="dropdown-item" component="account/new-chat" href="#">[[user:new_chat_with, {username}]]</a>
14
+ <a component="account/new-chat" href="#">[[user:new_chat_with, {username}]]</a>
15
15
  </li>
16
16
  <!-- ENDIF !config.disableChat -->
17
17
  <li>
18
- <a class="dropdown-item" component="account/flag" href="#">[[user:flag-profile]]</a>
18
+ <a component="account/flag" href="#">[[user:flag-profile]]</a>
19
19
  </li>
20
20
  <li>
21
- <a class="dropdown-item" component="account/block" href="#"><!-- IF !../isBlocked -->[[user:block_user]]<!-- ELSE -->[[user:unblock_user]]<!-- END --></a>
21
+ <a component="account/block" href="#"><!-- IF !../isBlocked -->[[user:block_user]]<!-- ELSE -->[[user:unblock_user]]<!-- END --></a>
22
22
  </li>
23
- <li role="separator" class="dropdown-divider"></li>
23
+ <li role="separator" class="divider"></li>
24
24
  <!-- ENDIF !banned -->
25
25
  <!-- ENDIF !isSelf -->
26
26
  <!-- ENDIF loggedIn -->
27
27
  <li>
28
- <a class="dropdown-item" href="{config.relative_path}/user/{userslug}" class="d-inline-block" id="profile">[[user:profile]]</a>
28
+ <a href="{config.relative_path}/user/{userslug}" class="inline-block" id="profile">[[user:profile]]</a>
29
29
  </li>
30
30
  <!-- IF canEdit -->
31
- <li><a class="dropdown-item" href="{config.relative_path}/user/{userslug}/edit">[[user:edit]]</a></li>
32
- <li><a class="dropdown-item" href="{config.relative_path}/user/{userslug}/settings">[[user:settings]]</a></li>
31
+ <li><a href="{config.relative_path}/user/{userslug}/edit">[[user:edit]]</a></li>
32
+ <li><a href="{config.relative_path}/user/{userslug}/settings">[[user:settings]]</a></li>
33
33
  <!-- ENDIF canEdit -->
34
34
 
35
35
  <!-- IF !isSelf -->
36
36
  {{{ if (canBan || canMute) }}}
37
- <li role="separator" class="dropdown-divider"></li>
37
+ <li role="separator" class="divider"></li>
38
38
  <li class="dropdown-header">[[user:admin_actions_label]]</li>
39
39
  {{{ end }}}
40
40
  {{{ if canBan }}}
41
41
  <li class="<!-- IF banned -->hide<!-- ENDIF banned -->">
42
- <a class="dropdown-item" component="account/ban" href="#">[[user:ban_account]]</a>
42
+ <a component="account/ban" href="#">[[user:ban_account]]</a>
43
43
  </li>
44
44
  <li class="<!-- IF !banned -->hide<!-- ENDIF !banned -->">
45
- <a class="dropdown-item" component="account/unban" href="#">[[user:unban_account]]</a>
45
+ <a component="account/unban" href="#">[[user:unban_account]]</a>
46
46
  </li>
47
47
  {{{ end }}}
48
48
  {{{ if canMute }}}
49
49
  <li class="<!-- IF muted -->hide<!-- ENDIF muted -->">
50
- <a class="dropdown-item" component="account/mute" href="#">[[user:mute_account]]</a>
50
+ <a component="account/mute" href="#">[[user:mute_account]]</a>
51
51
  </li>
52
52
  <li class="<!-- IF !muted -->hide<!-- ENDIF !muted -->">
53
- <a class="dropdown-item" component="account/unmute" href="#">[[user:unmute_account]]</a>
53
+ <a component="account/unmute" href="#">[[user:unmute_account]]</a>
54
54
  </li>
55
55
  {{{ end }}}
56
56
  <!-- IF isAdmin -->
57
57
  <li>
58
- <a component="account/delete-account" href="#" class="dropdown-item">[[user:delete_account_as_admin]]</a>
59
- <a component="account/delete-content" href="#" class="dropdown-item">[[user:delete_content]]</a>
60
- <a component="account/delete-all" href="#" class="dropdown-item">[[user:delete_all]]</a>
58
+ <a component="account/delete-account" href="#" class="">[[user:delete_account_as_admin]]</a>
59
+ <a component="account/delete-content" href="#" class="">[[user:delete_content]]</a>
60
+ <a component="account/delete-all" href="#" class="">[[user:delete_all]]</a>
61
61
  </li>
62
62
  <!-- ENDIF isAdmin -->
63
63
  <!-- ENDIF !isSelf -->
64
64
 
65
- <li role="separator" class="dropdown-divider"></li>
66
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/following">[[user:following]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.following}">{counts.following}</span></a></li>
67
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/followers">[[user:followers]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.followers}">{counts.followers}</span></a></li>
65
+ <li role="separator" class="divider"></li>
66
+ <li><a href="{config.relative_path}/user/{userslug}/following">[[user:following]] <span class="badge badge-default pull-right formatted-number" title="{counts.following}">{counts.following}</span></a></li>
67
+ <li><a href="{config.relative_path}/user/{userslug}/followers">[[user:followers]] <span class="badge badge-default pull-right formatted-number" title="{counts.followers}">{counts.followers}</span></a></li>
68
68
  <!-- IF canEdit -->
69
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/blocks">[[user:blocks]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.blocks}">{counts.blocks}</span></a></li>
69
+ <li><a href="{config.relative_path}/user/{userslug}/blocks">[[user:blocks]] <span class="badge badge-default pull-right formatted-number" title="{counts.blocks}">{counts.blocks}</span></a></li>
70
70
  <!-- ENDIF canEdit -->
71
- <li role="separator" class="dropdown-divider"></li>
72
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/topics">[[global:topics]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.topics}">{counts.topics}</span></a></li>
73
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/posts">[[global:posts]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.posts}">{counts.posts}</span></a></li>
71
+ <li role="separator" class="divider"></li>
72
+ <li><a href="{config.relative_path}/user/{userslug}/topics">[[global:topics]] <span class="badge badge-default pull-right formatted-number" title="{counts.topics}">{counts.topics}</span></a></li>
73
+ <li><a href="{config.relative_path}/user/{userslug}/posts">[[global:posts]] <span class="badge badge-default pull-right formatted-number" title="{counts.posts}">{counts.posts}</span></a></li>
74
74
  <!-- IF !reputation:disabled -->
75
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/best">[[global:best]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.best}">{counts.best}</span></a></li>
76
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/controversial">[[global:controversial]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.controversial}">{counts.controversial}</span></a></li>
75
+ <li><a href="{config.relative_path}/user/{userslug}/best">[[global:best]] <span class="badge badge-default pull-right formatted-number" title="{counts.best}">{counts.best}</span></a></li>
76
+ <li><a href="{config.relative_path}/user/{userslug}/controversial">[[global:controversial]] <span class="badge badge-default pull-right formatted-number" title="{counts.controversial}">{counts.controversial}</span></a></li>
77
77
  <!-- ENDIF !reputation:disabled -->
78
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/groups">[[global:header.groups]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.groups}">{counts.groups}</span></a></li>
78
+ <li><a href="{config.relative_path}/user/{userslug}/groups">[[global:header.groups]] <span class="badge badge-default pull-right formatted-number" title="{counts.groups}">{counts.groups}</span></a></li>
79
79
 
80
80
  <!-- IF canEdit -->
81
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/categories">[[user:watched_categories]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.categoriesWatched}">{counts.categoriesWatched}</span></a></li>
82
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/bookmarks">[[user:bookmarks]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.bookmarks}">{counts.bookmarks}</span></a></li>
83
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/watched">[[user:watched]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.watched}">{counts.watched}</span></a></li>
84
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/ignored">[[user:ignored]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.ignored}">{counts.ignored}</span></a></li>
81
+ <li><a href="{config.relative_path}/user/{userslug}/categories">[[user:watched_categories]] <span class="badge badge-default pull-right formatted-number" title="{counts.categoriesWatched}">{counts.categoriesWatched}</span></a></li>
82
+ <li><a href="{config.relative_path}/user/{userslug}/bookmarks">[[user:bookmarks]] <span class="badge badge-default pull-right formatted-number" title="{counts.bookmarks}">{counts.bookmarks}</span></a></li>
83
+ <li><a href="{config.relative_path}/user/{userslug}/watched">[[user:watched]] <span class="badge badge-default pull-right formatted-number" title="{counts.watched}">{counts.watched}</span></a></li>
84
+ <li><a href="{config.relative_path}/user/{userslug}/ignored">[[user:ignored]] <span class="badge badge-default pull-right formatted-number" title="{counts.ignored}">{counts.ignored}</span></a></li>
85
85
  <!-- IF !reputation:disabled -->
86
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/upvoted">[[global:upvoted]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.upvoted}">{counts.upvoted}</span></a></li>
86
+ <li><a href="{config.relative_path}/user/{userslug}/upvoted">[[global:upvoted]] <span class="badge badge-default pull-right formatted-number" title="{counts.upvoted}">{counts.upvoted}</span></a></li>
87
87
  <!-- IF !downvote:disabled -->
88
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/downvoted">[[global:downvoted]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.downvoted}">{counts.downvoted}</span></a></li>
88
+ <li><a href="{config.relative_path}/user/{userslug}/downvoted">[[global:downvoted]] <span class="badge badge-default pull-right formatted-number" title="{counts.downvoted}">{counts.downvoted}</span></a></li>
89
89
  <!-- ENDIF !downvote:disabled -->
90
90
  <!-- ENDIF !reputation:disabled -->
91
- <li><a class="dropdown-item d-flex justify-content-between align-items-center" href="{config.relative_path}/user/{userslug}/uploads">[[global:uploads]] <span class="badge bg-secondary formatted-number rounded-pill ms-2" title="{counts.uploaded}">{counts.uploaded}</span></a></li>
91
+ <li><a href="{config.relative_path}/user/{userslug}/uploads">[[global:uploads]] <span class="badge badge-default pull-right formatted-number" title="{counts.uploaded}">{counts.uploaded}</span></a></li>
92
92
  <!-- ENDIF canEdit -->
93
93
 
94
94
  {{{each profile_links}}}
95
95
  <!-- IF @first -->
96
- <li role="separator" class="dropdown-divider"></li>
96
+ <li role="separator" class="divider"></li>
97
97
  <!-- ENDIF @first -->
98
- <li id="{profile_links.id}" class="plugin-link <!-- IF profile_links.public -->public<!-- ELSE -->private<!-- ENDIF profile_links.public -->"><a class="dropdown-item" href="{config.relative_path}/user/{userslug}/{profile_links.route}"><!-- IF ../icon --><i class="fa fa-fw {profile_links.icon}"></i> <!-- END -->{profile_links.name}</a></li>
98
+ <li id="{profile_links.id}" class="plugin-link <!-- IF profile_links.public -->public<!-- ELSE -->private<!-- ENDIF profile_links.public -->"><a href="{config.relative_path}/user/{userslug}/{profile_links.route}"><!-- IF ../icon --><i class="fa fa-fw {profile_links.icon}"></i> <!-- END -->{profile_links.name}</a></li>
99
99
  {{{end}}}
100
100
  </ul>
101
101
  </div>
package/templates/partials/breadcrumbs.tpl CHANGED
@@ -1,7 +1,7 @@
1
1
  <!-- IF breadcrumbs.length -->
2
2
  <ol class="breadcrumb" itemscope="itemscope" itemprop="breadcrumb" itemtype="http://schema.org/BreadcrumbList">
3
3
  {{{each breadcrumbs}}}
4
- <li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" class="breadcrumb-item <!-- IF @last -->active<!-- ENDIF @last -->">
4
+ <li<!-- IF @last --> component="breadcrumb/current"<!-- ENDIF @last --> itemscope="itemscope" itemprop="itemListElement" itemtype="http://schema.org/ListItem" <!-- IF @last -->class="active"<!-- ENDIF @last -->>
5
5
  <meta itemprop="position" content="{@index}" />
6
6
  {{{ if ./url }}}<a href="{breadcrumbs.url}" itemprop="item">{{{ end }}}
7
7
  <span itemprop="name">
package/templates/partials/buttons/newTopic.tpl CHANGED
@@ -1,20 +1,13 @@
1
1
  <noscript><div class="dropdown" component="category-selector"></noscript>
2
- <button component="category/post" for="category-dropdown-check" class="btn btn-primary text-nowrap" id="new_topic" role="button">
2
+ <label component="category/post" for="category-dropdown-check" class="btn btn-primary" id="new_topic" role="button">
3
3
  [[category:new_topic_button]]
4
- </button>
4
+ </label>
5
5
  <noscript>
6
6
  <input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true">
7
7
  <ul component="category/list" class="dropdown-menu category-dropdown-menu" role="menu">
8
8
  {{{each categories}}}
9
9
  <li role="presentation" class="category {{{if categories.disabledClass}}}disabled{{{end}}}">
10
- <a role="menu-item" href="{config.relative_path}/compose?cid={categories.cid}">{categories.level}
11
- <span component="category-markup">
12
- <div class="category-item d-inline-block">
13
- {buildCategoryIcon(@value, "24px", "rounded-circle")}
14
- {categories.name}
15
- </div>
16
- </span>
17
- </a>
10
+ <a role="menu-item" href="{config.relative_path}/compose?cid={categories.cid}">{categories.level}<span component="category-markup">{{{if categories.icon}}}<span class="fa-stack" style="{function.generateCategoryBackground}"><i style="color: {categories.color};" class="fa fa-stack-1x fa-fw {categories.icon}"></i></span>{{{end}}} {categories.name}</span></a>
18
11
  </li>
19
12
  {{{end}}}
20
13
  </ul>