nodebb-theme-persona 14.0.14 → 14.0.16

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 (54) hide show
  1. package/.eslintrc +2 -2
  2. package/README.md +20 -20
  3. package/lib/controllers.js +24 -24
  4. package/package.json +1 -1
  5. package/plugin.json +20 -20
  6. package/public/.eslintrc +2 -2
  7. package/public/admin.js +15 -15
  8. package/public/modules/autohidingnavbar.js +220 -220
  9. package/public/modules/mobile-menu.js +2 -2
  10. package/public/modules/taskbar.js +65 -65
  11. package/public/persona.js +9 -14
  12. package/public/settings.js +53 -53
  13. package/scss/footer.scss +16 -16
  14. package/scss/keyframes.scss +152 -152
  15. package/scss/modules/composer.scss +20 -20
  16. package/scss/modules/cookie-consent.scss +12 -12
  17. package/scss/modules/fab.scss +32 -32
  18. package/scss/modules/morph.scss +268 -268
  19. package/scss/modules/necro-post.scss +8 -8
  20. package/scss/modules/nprogress.scss +80 -80
  21. package/scss/modules/taskbar.scss +160 -160
  22. package/scss/modules/user-menu.scss +7 -7
  23. package/scss/modules/usercard.scss +64 -64
  24. package/scss/noscript.scss +80 -80
  25. package/scss/overrides.scss +39 -39
  26. package/scss/posts_list.scss +127 -127
  27. package/scss/tags.scss +10 -10
  28. package/scss/topics_list.scss +16 -16
  29. package/scss/variables.scss +6 -6
  30. package/templates/account/info.tpl +291 -291
  31. package/templates/account/sessions.tpl +31 -31
  32. package/templates/account/theme.tpl +25 -25
  33. package/templates/admin/plugins/persona.tpl +24 -24
  34. package/templates/footer.tpl +11 -11
  35. package/templates/groups/members.tpl +5 -5
  36. package/templates/modules/taskbar.tpl +2 -2
  37. package/templates/modules/usercard.tpl +36 -36
  38. package/templates/partials/breadcrumbs.tpl +18 -18
  39. package/templates/partials/category/tags.tpl +3 -3
  40. package/templates/partials/cookie-consent.tpl +4 -4
  41. package/templates/partials/groups/memberlist.tpl +42 -42
  42. package/templates/partials/header/search.tpl +24 -24
  43. package/templates/partials/paginator.tpl +44 -44
  44. package/templates/partials/posts_list.tpl +7 -7
  45. package/templates/partials/toast.tpl +19 -19
  46. package/templates/partials/topic/event.tpl +12 -12
  47. package/templates/partials/topic/navigation-post.tpl +11 -11
  48. package/templates/partials/topic/necro-post.tpl +2 -2
  49. package/templates/partials/topic/quickreply.tpl +2 -1
  50. package/templates/partials/topic/reply-button.tpl +26 -26
  51. package/templates/partials/topic/selection-tooltip.tpl +2 -2
  52. package/templates/partials/topics_list.tpl +1 -1
  53. package/templates/partials/users_list.tpl +14 -14
  54. package/templates/search.tpl +47 -47
@@ -1,81 +1,81 @@
1
- noscript {
2
- @mixin default() {
3
- list-style-type: none;
4
- padding: 1em;
5
- margin-bottom: 1em;
6
- @include zebra;
7
- }
8
-
9
- .categories {
10
- li {
11
- @include default;
12
-
13
- .icon {
14
- float: left;
15
- width: auto;
16
- height: auto;
17
- padding: 0;
18
- margin: 0;
19
- margin-right: 1em;
20
- }
21
-
22
- a {
23
- font-size: 20px;
24
- }
25
- }
26
- }
27
-
28
- .topics {
29
- li {
30
- @include default;
31
- }
32
-
33
- .timestamp {
34
- float: right;
35
- color: #999;
36
- font-style: italic;
37
- font-size: 12px;
38
- }
39
-
40
- .teaser {
41
- margin-left: 16px;
42
- margin-top: 8px;
43
-
44
- img {
45
- float: left;
46
- width: 64px;
47
- margin-right: 1em;
48
- }
49
-
50
- p {
51
- color: #666;
52
- font-size: 13px;
53
- text-overflow: ellipsis;
54
- overflow: hidden;
55
- white-space: nowrap;
56
- margin-left: 64px;
57
- padding-top: 10px;
58
- }
59
- }
60
- }
61
-
62
- .posts {
63
- li {
64
- @include default;
65
-
66
- .profile {
67
- text-align: center;
68
-
69
- img {
70
- width: 64px;
71
- }
72
-
73
- span {
74
- font-weight: bold;
75
- display: inline-block;
76
- margin-top: 1em;
77
- }
78
- }
79
- }
80
- }
1
+ noscript {
2
+ @mixin default() {
3
+ list-style-type: none;
4
+ padding: 1em;
5
+ margin-bottom: 1em;
6
+ @include zebra;
7
+ }
8
+
9
+ .categories {
10
+ li {
11
+ @include default;
12
+
13
+ .icon {
14
+ float: left;
15
+ width: auto;
16
+ height: auto;
17
+ padding: 0;
18
+ margin: 0;
19
+ margin-right: 1em;
20
+ }
21
+
22
+ a {
23
+ font-size: 20px;
24
+ }
25
+ }
26
+ }
27
+
28
+ .topics {
29
+ li {
30
+ @include default;
31
+ }
32
+
33
+ .timestamp {
34
+ float: right;
35
+ color: #999;
36
+ font-style: italic;
37
+ font-size: 12px;
38
+ }
39
+
40
+ .teaser {
41
+ margin-left: 16px;
42
+ margin-top: 8px;
43
+
44
+ img {
45
+ float: left;
46
+ width: 64px;
47
+ margin-right: 1em;
48
+ }
49
+
50
+ p {
51
+ color: #666;
52
+ font-size: 13px;
53
+ text-overflow: ellipsis;
54
+ overflow: hidden;
55
+ white-space: nowrap;
56
+ margin-left: 64px;
57
+ padding-top: 10px;
58
+ }
59
+ }
60
+ }
61
+
62
+ .posts {
63
+ li {
64
+ @include default;
65
+
66
+ .profile {
67
+ text-align: center;
68
+
69
+ img {
70
+ width: 64px;
71
+ }
72
+
73
+ span {
74
+ font-weight: bold;
75
+ display: inline-block;
76
+ margin-top: 1em;
77
+ }
78
+ }
79
+ }
80
+ }
81
81
  }
@@ -1,40 +1,40 @@
1
- // only overrides to bs5 variables here
2
-
3
- $navbar-nav-link-padding-x: 0.875rem!default;
4
-
5
- // persona colors
6
- $white: #fff !default;
7
- $gray-100: #f8f9fa !default;
8
- $gray-200: #e9ecef !default;
9
- $gray-300: #dee2e6 !default;
10
- $gray-400: #ced4da !default;
11
- $gray-500: #adb5bd !default;
12
- $gray-600: #6c757d !default;
13
- $gray-700: #495057 !default;
14
- $gray-800: #343a40 !default;
15
- $gray-900: #212529 !default;
16
- $black: #000 !default;
17
-
18
- $primary: darken(#428bca, 6.5%) !default;
19
- $secondary: $gray-600 !default;
20
- $success: #5cb85c !default;
21
- $info: #5bc0de !default;
22
- $warning: #f0ad4e !default;
23
- $danger: #d9534f !default;
24
- $light: $gray-100 !default;
25
- $dark: $gray-900 !default;
26
- $link-decoration:none !default;
27
-
28
- // font
29
- $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
30
- // BS5 default is 1rem(16px)
31
- $font-size-base: 0.875rem!default;
32
-
33
- // no rounded in persona
34
- $enable-rounded: false;
35
-
36
- // no caret on dropdown-toggle
37
- $enable-caret: false;
38
-
39
- // disable smooth scroll, this makes window.scrollTo(0,0) in ajaxify.js take x milliseconds
1
+ // only overrides to bs5 variables here
2
+
3
+ $navbar-nav-link-padding-x: 0.875rem!default;
4
+
5
+ // persona colors
6
+ $white: #fff !default;
7
+ $gray-100: #f8f9fa !default;
8
+ $gray-200: #e9ecef !default;
9
+ $gray-300: #dee2e6 !default;
10
+ $gray-400: #ced4da !default;
11
+ $gray-500: #adb5bd !default;
12
+ $gray-600: #6c757d !default;
13
+ $gray-700: #495057 !default;
14
+ $gray-800: #343a40 !default;
15
+ $gray-900: #212529 !default;
16
+ $black: #000 !default;
17
+
18
+ $primary: darken(#428bca, 6.5%) !default;
19
+ $secondary: $gray-600 !default;
20
+ $success: #5cb85c !default;
21
+ $info: #5bc0de !default;
22
+ $warning: #f0ad4e !default;
23
+ $danger: #d9534f !default;
24
+ $light: $gray-100 !default;
25
+ $dark: $gray-900 !default;
26
+ $link-decoration:none !default;
27
+
28
+ // font
29
+ $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
30
+ // BS5 default is 1rem(16px)
31
+ $font-size-base: 0.875rem!default;
32
+
33
+ // no rounded in persona
34
+ $enable-rounded: false;
35
+
36
+ // no caret on dropdown-toggle
37
+ $enable-caret: false;
38
+
39
+ // disable smooth scroll, this makes window.scrollTo(0,0) in ajaxify.js take x milliseconds
40
40
  $enable-smooth-scroll: false;
@@ -1,128 +1,128 @@
1
- .posts-list {
2
- padding-left: 0px;
3
-
4
- .posts-list-item {
5
- width: 100%;
6
- margin-bottom: 0px;
7
-
8
- &.deleted {
9
- -moz-opacity: 0.30;
10
- opacity: 0.30;
11
- }
12
-
13
- &.scheduled {
14
- opacity: 0.7;
15
- }
16
-
17
- .user-img {
18
- position: absolute;
19
- top: 50%;
20
- margin-top: -14px;
21
- margin-left: -14px;
22
- }
23
-
24
- a {
25
- span {
26
- overflow: hidden;
27
- padding-left: 8px;
28
- }
29
- }
30
-
31
- .topic-title {
32
- color: $gray-800;
33
- font-weight: 900;
34
- font-size: 125%;
35
- text-decoration: underline;
36
- }
37
-
38
- .topic-category {
39
- text-transform: uppercase;
40
- font-size: 10px;
41
- color: $gray-600;
42
- margin-top: 6px;
43
- margin-right: 10px;
44
- margin-bottom: 25px;
45
- display: inline-block;
46
- margin-top: 10px;
47
-
48
- a {
49
- font-weight: 900;
50
- color: $gray-600;
51
- }
52
- }
53
-
54
- .content {
55
- max-height: 240px;
56
- position: relative;
57
- clear: left;
58
- display: block;
59
- overflow: hidden;
60
- padding-right: 10px;
61
- margin-top: 5px;
62
- clear: both;
63
-
64
- h1, h2, h3, h4, h5, h6 {
65
- margin: 0;
66
- font-size: 100%;
67
- }
68
-
69
- blockquote {
70
- font-size: 100%;
71
- margin: 8px 0;
72
- padding: 0 10px;
73
- }
74
-
75
- p {
76
- margin: 0 0 2px;
77
- }
78
- }
79
-
80
- .post-body {
81
- border-right: 2px solid $primary;
82
- min-height: 100px;
83
- position: relative; // to handle abs. positioning in .post-info child
84
- }
85
-
86
- .post-info {
87
- position: absolute;
88
- top: 50%;
89
- left: 100%;
90
- width: 175px;
91
- height: 28px;
92
- font-size: 10px;
93
-
94
- > a {
95
- position: relative;
96
- .user-img {
97
- text-align: center;
98
- padding: 0;
99
- }
100
- }
101
-
102
- .post-author {
103
- padding-left: 25px;
104
- margin-top: -14px;
105
- color: $gray-600;
106
-
107
- a {
108
- color: $gray-600;
109
- font-weight: 900;
110
-
111
- }
112
-
113
- text-transform: uppercase;
114
- }
115
- }
116
- }
117
- }
118
-
119
- .posts-list.diffs .posts-list-item .content {
120
- max-height: inherit;
121
- overflow-y: none;
122
- }
123
-
124
- @include media-breakpoint-down(sm) {
125
- .posts-list .posts-list-item .post-info {
126
- width: 100px;
127
- }
1
+ .posts-list {
2
+ padding-left: 0px;
3
+
4
+ .posts-list-item {
5
+ width: 100%;
6
+ margin-bottom: 0px;
7
+
8
+ &.deleted {
9
+ -moz-opacity: 0.30;
10
+ opacity: 0.30;
11
+ }
12
+
13
+ &.scheduled {
14
+ opacity: 0.7;
15
+ }
16
+
17
+ .user-img {
18
+ position: absolute;
19
+ top: 50%;
20
+ margin-top: -14px;
21
+ margin-left: -14px;
22
+ }
23
+
24
+ a {
25
+ span {
26
+ overflow: hidden;
27
+ padding-left: 8px;
28
+ }
29
+ }
30
+
31
+ .topic-title {
32
+ color: $gray-800;
33
+ font-weight: 900;
34
+ font-size: 125%;
35
+ text-decoration: underline;
36
+ }
37
+
38
+ .topic-category {
39
+ text-transform: uppercase;
40
+ font-size: 10px;
41
+ color: $gray-600;
42
+ margin-top: 6px;
43
+ margin-right: 10px;
44
+ margin-bottom: 25px;
45
+ display: inline-block;
46
+ margin-top: 10px;
47
+
48
+ a {
49
+ font-weight: 900;
50
+ color: $gray-600;
51
+ }
52
+ }
53
+
54
+ .content {
55
+ max-height: 240px;
56
+ position: relative;
57
+ clear: left;
58
+ display: block;
59
+ overflow: hidden;
60
+ padding-right: 10px;
61
+ margin-top: 5px;
62
+ clear: both;
63
+
64
+ h1, h2, h3, h4, h5, h6 {
65
+ margin: 0;
66
+ font-size: 100%;
67
+ }
68
+
69
+ blockquote {
70
+ font-size: 100%;
71
+ margin: 8px 0;
72
+ padding: 0 10px;
73
+ }
74
+
75
+ p {
76
+ margin: 0 0 2px;
77
+ }
78
+ }
79
+
80
+ .post-body {
81
+ border-right: 2px solid $primary;
82
+ min-height: 100px;
83
+ position: relative; // to handle abs. positioning in .post-info child
84
+ }
85
+
86
+ .post-info {
87
+ position: absolute;
88
+ top: 50%;
89
+ left: 100%;
90
+ width: 175px;
91
+ height: 28px;
92
+ font-size: 10px;
93
+
94
+ > a {
95
+ position: relative;
96
+ .user-img {
97
+ text-align: center;
98
+ padding: 0;
99
+ }
100
+ }
101
+
102
+ .post-author {
103
+ padding-left: 25px;
104
+ margin-top: -14px;
105
+ color: $gray-600;
106
+
107
+ a {
108
+ color: $gray-600;
109
+ font-weight: 900;
110
+
111
+ }
112
+
113
+ text-transform: uppercase;
114
+ }
115
+ }
116
+ }
117
+ }
118
+
119
+ .posts-list.diffs .posts-list-item .content {
120
+ max-height: inherit;
121
+ overflow-y: none;
122
+ }
123
+
124
+ @include media-breakpoint-down(sm) {
125
+ .posts-list .posts-list-item .post-info {
126
+ width: 100px;
127
+ }
128
128
  }
package/scss/tags.scss CHANGED
@@ -1,11 +1,11 @@
1
-
2
- .tag-list {
3
- .tag {
4
- text-transform: uppercase;
5
- font-size: 10px;
6
- background: $gray-200;
7
- color: $gray-600;
8
- padding: 5px;
9
- white-space: nowrap;
10
- }
1
+
2
+ .tag-list {
3
+ .tag {
4
+ text-transform: uppercase;
5
+ font-size: 10px;
6
+ background: $gray-200;
7
+ color: $gray-600;
8
+ padding: 5px;
9
+ white-space: nowrap;
10
+ }
11
11
  }
@@ -1,17 +1,17 @@
1
- #new-topics-alert {
2
- margin-bottom: 0px;
3
- padding: 10px 16px;
4
- }
5
-
6
- .topic-list-header {
7
- top: calc(var(--panel-offset));
8
- background-color: $body-bg;
9
- z-index: $zindex-dropdown; // allows for top nav dropdowns to appear on top
10
- border-top: 1px solid $post-border-color;
11
- border-bottom: 1px solid $post-border-color;
12
- }
13
-
14
- .topic-list .title small {
15
- font-size: 12px;
16
- font-weight: normal;
1
+ #new-topics-alert {
2
+ margin-bottom: 0px;
3
+ padding: 10px 16px;
4
+ }
5
+
6
+ .topic-list-header {
7
+ top: calc(var(--panel-offset));
8
+ background-color: $body-bg;
9
+ z-index: $zindex-dropdown; // allows for top nav dropdowns to appear on top
10
+ border-top: 1px solid $post-border-color;
11
+ border-bottom: 1px solid $post-border-color;
12
+ }
13
+
14
+ .topic-list .title small {
15
+ font-size: 12px;
16
+ font-weight: normal;
17
17
  }
@@ -1,7 +1,7 @@
1
- //== Topic List
2
- //
3
- //## Post objects found on the category, recent, popular, etc. pages
4
-
5
- $post-padding: 20px;
6
- $post-border-color: $gray-200;
1
+ //== Topic List
2
+ //
3
+ //## Post objects found on the category, recent, popular, etc. pages
4
+
5
+ $post-padding: 20px;
6
+ $post-border-color: $gray-200;
7
7
  $post-highlight: $info;