nodebb-theme-persona 13.3.29 → 13.3.32

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 (146) hide show
  1. package/.eslintrc +2 -2
  2. package/README.md +20 -20
  3. package/lib/controllers.js +24 -24
  4. package/library.js +97 -97
  5. package/package.json +52 -52
  6. package/plugin.json +20 -20
  7. package/public/.eslintrc +2 -2
  8. package/public/admin.js +15 -15
  9. package/public/modules/autohidingnavbar.js +220 -220
  10. package/public/modules/mobile-menu.js +190 -190
  11. package/public/modules/taskbar.js +65 -65
  12. package/public/persona.js +257 -257
  13. package/public/settings.js +53 -53
  14. package/scss/account.scss +336 -336
  15. package/scss/categories.scss +205 -205
  16. package/scss/category.scss +161 -161
  17. package/scss/chats.scss +14 -14
  18. package/scss/flags.scss +42 -42
  19. package/scss/footer.scss +16 -16
  20. package/scss/groups.scss +166 -166
  21. package/scss/header.scss +361 -361
  22. package/scss/keyframes.scss +152 -152
  23. package/scss/mixins.scss +129 -129
  24. package/scss/mobile.scss +331 -331
  25. package/scss/modules/composer.scss +20 -20
  26. package/scss/modules/cookie-consent.scss +12 -12
  27. package/scss/modules/fab.scss +32 -32
  28. package/scss/modules/morph.scss +268 -268
  29. package/scss/modules/necro-post.scss +8 -8
  30. package/scss/modules/nprogress.scss +80 -80
  31. package/scss/modules/taskbar.scss +160 -160
  32. package/scss/modules/user-menu.scss +7 -7
  33. package/scss/modules/usercard.scss +64 -64
  34. package/scss/noscript.scss +80 -80
  35. package/scss/overrides.scss +39 -39
  36. package/scss/persona.scss +34 -35
  37. package/scss/posts_list.scss +127 -127
  38. package/scss/search.scss +48 -48
  39. package/scss/style.scss +256 -270
  40. package/scss/tags.scss +10 -10
  41. package/scss/topic.scss +571 -571
  42. package/scss/topics_list.scss +16 -16
  43. package/scss/variables.scss +6 -6
  44. package/templates/account/blocks.tpl +46 -46
  45. package/templates/account/categories.tpl +28 -28
  46. package/templates/account/consent.tpl +68 -68
  47. package/templates/account/edit/password.tpl +29 -29
  48. package/templates/account/edit/username.tpl +25 -25
  49. package/templates/account/edit.tpl +136 -136
  50. package/templates/account/followers.tpl +17 -17
  51. package/templates/account/following.tpl +17 -17
  52. package/templates/account/groups.tpl +16 -16
  53. package/templates/account/info.tpl +291 -291
  54. package/templates/account/posts.tpl +18 -18
  55. package/templates/account/profile.tpl +166 -166
  56. package/templates/account/sessions.tpl +31 -31
  57. package/templates/account/settings.tpl +251 -251
  58. package/templates/account/tags.tpl +9 -9
  59. package/templates/account/theme.tpl +25 -25
  60. package/templates/account/topics.tpl +29 -29
  61. package/templates/account/uploads.tpl +42 -42
  62. package/templates/admin/plugins/persona.tpl +24 -24
  63. package/templates/categories.tpl +31 -31
  64. package/templates/category.tpl +63 -63
  65. package/templates/flags/detail.tpl +208 -208
  66. package/templates/flags/list.tpl +71 -71
  67. package/templates/footer.tpl +11 -11
  68. package/templates/groups/details.tpl +77 -77
  69. package/templates/groups/list.tpl +48 -48
  70. package/templates/groups/members.tpl +5 -5
  71. package/templates/header.tpl +47 -47
  72. package/templates/modules/taskbar.tpl +2 -2
  73. package/templates/modules/usercard.tpl +36 -36
  74. package/templates/notifications.tpl +66 -66
  75. package/templates/partials/account/category-item.tpl +23 -23
  76. package/templates/partials/account/header.tpl +47 -47
  77. package/templates/partials/account/menu.tpl +108 -108
  78. package/templates/partials/breadcrumbs.tpl +18 -18
  79. package/templates/partials/buttons/newTopic.tpl +22 -22
  80. package/templates/partials/categories/item.tpl +60 -60
  81. package/templates/partials/categories/lastpost.tpl +26 -26
  82. package/templates/partials/category/filter-dropdown-content.tpl +31 -31
  83. package/templates/partials/category/selector-dropdown-content.tpl +32 -32
  84. package/templates/partials/category/sort.tpl +14 -14
  85. package/templates/partials/category/subcategory.tpl +17 -17
  86. package/templates/partials/category/tags.tpl +3 -3
  87. package/templates/partials/category/tools.tpl +86 -86
  88. package/templates/partials/category/watch.tpl +55 -55
  89. package/templates/partials/chats-menu.tpl +40 -40
  90. package/templates/partials/cookie-consent.tpl +4 -4
  91. package/templates/partials/flags/filters.tpl +173 -173
  92. package/templates/partials/groups/admin.tpl +200 -200
  93. package/templates/partials/groups/filter-dropdown-content.tpl +24 -24
  94. package/templates/partials/groups/list.tpl +20 -20
  95. package/templates/partials/groups/memberlist.tpl +42 -42
  96. package/templates/partials/header/chats.tpl +18 -18
  97. package/templates/partials/header/notifications.tpl +18 -18
  98. package/templates/partials/header/search.tpl +24 -24
  99. package/templates/partials/header/user-menu.tpl +96 -96
  100. package/templates/partials/menu.tpl +128 -128
  101. package/templates/partials/notifications_list.tpl +30 -30
  102. package/templates/partials/paginator.tpl +44 -44
  103. package/templates/partials/post_bar.tpl +20 -20
  104. package/templates/partials/posts_list.tpl +7 -7
  105. package/templates/partials/posts_list_item.tpl +31 -31
  106. package/templates/partials/quick-search-results.tpl +33 -33
  107. package/templates/partials/search-filters.tpl +183 -183
  108. package/templates/partials/search-results.tpl +54 -54
  109. package/templates/partials/slideout-menu.tpl +4 -4
  110. package/templates/partials/tags/filter-dropdown-content.tpl +33 -33
  111. package/templates/partials/tags/watch.tpl +35 -35
  112. package/templates/partials/tags_list.tpl +4 -4
  113. package/templates/partials/toast.tpl +19 -19
  114. package/templates/partials/topic/event.tpl +12 -12
  115. package/templates/partials/topic/navigation-post.tpl +11 -11
  116. package/templates/partials/topic/navigator.tpl +39 -39
  117. package/templates/partials/topic/necro-post.tpl +2 -2
  118. package/templates/partials/topic/post-menu-list.tpl +132 -132
  119. package/templates/partials/topic/post-menu.tpl +4 -4
  120. package/templates/partials/topic/post.tpl +128 -128
  121. package/templates/partials/topic/quickreply.tpl +28 -28
  122. package/templates/partials/topic/reply-button.tpl +26 -26
  123. package/templates/partials/topic/selection-tooltip.tpl +2 -2
  124. package/templates/partials/topic/sort.tpl +9 -9
  125. package/templates/partials/topic/stats.tpl +11 -11
  126. package/templates/partials/topic/tags.tpl +2 -2
  127. package/templates/partials/topic/tools.tpl +7 -7
  128. package/templates/partials/topic/topic-menu-list.tpl +74 -74
  129. package/templates/partials/topic/watch.tpl +47 -47
  130. package/templates/partials/topic-filters.tpl +11 -11
  131. package/templates/partials/topic-terms.tpl +11 -11
  132. package/templates/partials/topics_list.tpl +117 -117
  133. package/templates/partials/users/filter-dropdown-content.tpl +20 -20
  134. package/templates/partials/users/item.tpl +43 -43
  135. package/templates/partials/users_list.tpl +14 -14
  136. package/templates/partials/users_list_menu.tpl +20 -20
  137. package/templates/popular.tpl +35 -35
  138. package/templates/recent.tpl +37 -37
  139. package/templates/search.tpl +47 -47
  140. package/templates/tag.tpl +34 -34
  141. package/templates/tags.tpl +32 -32
  142. package/templates/top.tpl +35 -35
  143. package/templates/topic.tpl +129 -129
  144. package/templates/unread.tpl +37 -37
  145. package/templates/users.tpl +34 -34
  146. package/scss/register.scss +0 -71
@@ -1,205 +1,205 @@
1
- .categories, .category > ul {
2
- list-style-type: none;
3
- padding: 0;
4
-
5
- > li {
6
-
7
- padding-bottom: 10px;
8
-
9
- @include media-breakpoint-down(sm) {
10
- border-top: 1px solid $gray-200;
11
- &:last-child {
12
- border-bottom: 1px solid $gray-200;
13
- };
14
- }
15
-
16
- min-height: 53px;
17
-
18
- .content {
19
- padding: 10px 15px;
20
-
21
- img, .user-icon {
22
- @include user-icon-style(46px, 2.4rem, 50%);
23
- }
24
-
25
- h2 {
26
- display: block;
27
- word-wrap: break-word;
28
- overflow: hidden;
29
- font-size: 18px;
30
- line-height: 22px;
31
- }
32
- }
33
-
34
- @media (max-width: 500px) {
35
- .teaser {
36
- position: absolute;
37
- right: 4px;
38
- }
39
- }
40
-
41
- .mobile-stat {
42
- padding-left: 0px;
43
- padding-top: 10px;
44
- font-size: 16px;
45
- }
46
-
47
- .lastpost {
48
- border-left: 4px solid #ccc;
49
- text-align: left;
50
- margin-top: 10px;
51
- overflow: hidden;
52
- height: 53px;
53
- font-size: 12px;
54
- line-height: 14px;
55
-
56
- > * {
57
- padding-left: 20px;
58
- }
59
-
60
- p {
61
- margin: 0;
62
- .emoji {
63
- max-width: 12px;
64
- max-height: 12px;
65
- }
66
- }
67
-
68
- .post-content {
69
- overflow: hidden;
70
- blockquote {
71
- display: none;
72
- }
73
- }
74
-
75
- .user-icon {
76
- display: inline-block;
77
- @include user-icon-style(24px, 1.5rem, 50%);
78
- }
79
- }
80
-
81
- .category-children {
82
- .category-children-item {
83
- min-width: 180px;
84
- margin-right: 10px;
85
- margin-bottom: 1px;
86
- display: inline-block;
87
- }
88
- }
89
-
90
- [component="topic/header"] > i[component="topic/pinned"] {
91
- color: $danger;
92
- }
93
- }
94
-
95
- &.ui-sortable > li .content h2 {
96
- > [component="topic/pinned"] {
97
- &:after {
98
- position: absolute;
99
- top: 0.5rem;
100
- left: calc(62px + 2rem);
101
- width: 4rem;
102
- height: 3rem;
103
- background: rgba(0, 0, 0, 0.5);
104
- color: rgba(255, 255, 255, 0.9);
105
- font-family: "FontAwesome";
106
- content: "\f07d \f255";
107
- text-align: center;
108
- font-size: 1.5rem;
109
- padding-top: 0.66rem;
110
- cursor: move;
111
- opacity: 0;
112
-
113
- -webkit-transition: opacity 100ms linear;
114
- -moz-transition: opacity 100ms linear;
115
- -ms-transition: opacity 100ms linear;
116
- -o-transition: opacity 100ms linear;
117
- transition: opacity 100ms linear;
118
- }
119
- }
120
-
121
- &:hover {
122
- > [component="topic/pinned"] {
123
- &:after {
124
- opacity: 1;
125
- }
126
- }
127
- }
128
- }
129
- }
130
-
131
-
132
- .category-header {
133
- width: 100%;
134
- height: 110px;
135
- text-align: center;
136
- margin: 0;
137
- padding-top:25px;
138
- @include pointer;
139
- margin-bottom: 10px;
140
- overflow:hidden;
141
-
142
- &:hover {
143
- filter: brightness(115%);
144
- -webkit-filter: brightness(115%);
145
- }
146
-
147
- .category-box {
148
- height:90px;
149
-
150
- .post-preview {
151
- padding-left:10px;
152
- padding-right:10px;
153
- text-align:left;
154
- img {
155
- width:60px;
156
- height:60px;
157
- padding-right:5px;
158
- }
159
-
160
- p {
161
- overflow: hidden;
162
- text-overflow:ellipsis;
163
- height:60px;
164
- }
165
- }
166
- }
167
- }
168
-
169
- .category-header-image-auto {
170
- -webkit-background-size: auto!important;
171
- -moz-background-size: auto!important;
172
- -o-background-size: auto!important;
173
- background-size: auto!important;
174
- background-position: 0% 0% !important;
175
- }
176
-
177
- .category-header-image-cover {
178
- -webkit-background-size: cover!important;
179
- -moz-background-size: cover!important;
180
- -o-background-size: cover!important;
181
- background-size: cover!important;
182
- background-position: center!important;
183
- }
184
-
185
- .category-header-image-contain {
186
- -webkit-background-size: contain!important;
187
- -moz-background-size: contain!important;
188
- -o-background-size: contain!important;
189
- background-size: contain!important;
190
- background-position: center!important;
191
- }
192
-
193
-
194
- .stats {
195
- font-size: 20px;
196
- text-align: center;
197
- margin-top: 10px;
198
- line-height: 22px;
199
-
200
- small {
201
- text-transform: uppercase;
202
- font-weight: 300;
203
- font-size: 12px;
204
- }
205
- }
1
+ .categories, .category > ul {
2
+ list-style-type: none;
3
+ padding: 0;
4
+
5
+ > li {
6
+
7
+ padding-bottom: 10px;
8
+
9
+ @include media-breakpoint-down(sm) {
10
+ border-top: 1px solid $gray-200;
11
+ &:last-child {
12
+ border-bottom: 1px solid $gray-200;
13
+ };
14
+ }
15
+
16
+ min-height: 53px;
17
+
18
+ .content {
19
+ padding: 10px 15px;
20
+
21
+ img, .user-icon {
22
+ @include user-icon-style(46px, 2.4rem, 50%);
23
+ }
24
+
25
+ h2 {
26
+ display: block;
27
+ word-wrap: break-word;
28
+ overflow: hidden;
29
+ font-size: 18px;
30
+ line-height: 22px;
31
+ }
32
+ }
33
+
34
+ @media (max-width: 500px) {
35
+ .teaser {
36
+ position: absolute;
37
+ right: 4px;
38
+ }
39
+ }
40
+
41
+ .mobile-stat {
42
+ padding-left: 0px;
43
+ padding-top: 10px;
44
+ font-size: 16px;
45
+ }
46
+
47
+ .lastpost {
48
+ border-left: 4px solid #ccc;
49
+ text-align: left;
50
+ margin-top: 10px;
51
+ overflow: hidden;
52
+ height: 53px;
53
+ font-size: 12px;
54
+ line-height: 14px;
55
+
56
+ > * {
57
+ padding-left: 20px;
58
+ }
59
+
60
+ p {
61
+ margin: 0;
62
+ .emoji {
63
+ max-width: 12px;
64
+ max-height: 12px;
65
+ }
66
+ }
67
+
68
+ .post-content {
69
+ overflow: hidden;
70
+ blockquote {
71
+ display: none;
72
+ }
73
+ }
74
+
75
+ .user-icon {
76
+ display: inline-block;
77
+ @include user-icon-style(24px, 1.5rem, 50%);
78
+ }
79
+ }
80
+
81
+ .category-children {
82
+ .category-children-item {
83
+ min-width: 180px;
84
+ margin-right: 10px;
85
+ margin-bottom: 1px;
86
+ display: inline-block;
87
+ }
88
+ }
89
+
90
+ [component="topic/header"] > i[component="topic/pinned"] {
91
+ color: $danger;
92
+ }
93
+ }
94
+
95
+ &.ui-sortable > li .content h2 {
96
+ > [component="topic/pinned"] {
97
+ &:after {
98
+ position: absolute;
99
+ top: 0.5rem;
100
+ left: calc(62px + 2rem);
101
+ width: 4rem;
102
+ height: 3rem;
103
+ background: rgba(0, 0, 0, 0.5);
104
+ color: rgba(255, 255, 255, 0.9);
105
+ font-family: "FontAwesome";
106
+ content: "\f07d \f255";
107
+ text-align: center;
108
+ font-size: 1.5rem;
109
+ padding-top: 0.66rem;
110
+ cursor: move;
111
+ opacity: 0;
112
+
113
+ -webkit-transition: opacity 100ms linear;
114
+ -moz-transition: opacity 100ms linear;
115
+ -ms-transition: opacity 100ms linear;
116
+ -o-transition: opacity 100ms linear;
117
+ transition: opacity 100ms linear;
118
+ }
119
+ }
120
+
121
+ &:hover {
122
+ > [component="topic/pinned"] {
123
+ &:after {
124
+ opacity: 1;
125
+ }
126
+ }
127
+ }
128
+ }
129
+ }
130
+
131
+
132
+ .category-header {
133
+ width: 100%;
134
+ height: 110px;
135
+ text-align: center;
136
+ margin: 0;
137
+ padding-top:25px;
138
+ @include pointer;
139
+ margin-bottom: 10px;
140
+ overflow:hidden;
141
+
142
+ &:hover {
143
+ filter: brightness(115%);
144
+ -webkit-filter: brightness(115%);
145
+ }
146
+
147
+ .category-box {
148
+ height:90px;
149
+
150
+ .post-preview {
151
+ padding-left:10px;
152
+ padding-right:10px;
153
+ text-align:left;
154
+ img {
155
+ width:60px;
156
+ height:60px;
157
+ padding-right:5px;
158
+ }
159
+
160
+ p {
161
+ overflow: hidden;
162
+ text-overflow:ellipsis;
163
+ height:60px;
164
+ }
165
+ }
166
+ }
167
+ }
168
+
169
+ .category-header-image-auto {
170
+ -webkit-background-size: auto!important;
171
+ -moz-background-size: auto!important;
172
+ -o-background-size: auto!important;
173
+ background-size: auto!important;
174
+ background-position: 0% 0% !important;
175
+ }
176
+
177
+ .category-header-image-cover {
178
+ -webkit-background-size: cover!important;
179
+ -moz-background-size: cover!important;
180
+ -o-background-size: cover!important;
181
+ background-size: cover!important;
182
+ background-position: center!important;
183
+ }
184
+
185
+ .category-header-image-contain {
186
+ -webkit-background-size: contain!important;
187
+ -moz-background-size: contain!important;
188
+ -o-background-size: contain!important;
189
+ background-size: contain!important;
190
+ background-position: center!important;
191
+ }
192
+
193
+
194
+ .stats {
195
+ font-size: 20px;
196
+ text-align: center;
197
+ margin-top: 10px;
198
+ line-height: 22px;
199
+
200
+ small {
201
+ text-transform: uppercase;
202
+ font-weight: 300;
203
+ font-size: 12px;
204
+ }
205
+ }