nodebb-theme-harmony 0.0.14 → 1.0.0
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.
package/package.json
CHANGED
package/public/harmony.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
$(document).ready(function () {
|
|
4
|
+
setupNProgress();
|
|
4
5
|
setupMobileMenu();
|
|
5
6
|
setupSearch();
|
|
6
7
|
setupDrafts();
|
|
@@ -122,4 +123,18 @@ $(document).ready(function () {
|
|
|
122
123
|
updateBadgeCount();
|
|
123
124
|
});
|
|
124
125
|
}
|
|
126
|
+
function setupNProgress() {
|
|
127
|
+
require(['nprogress'], function (NProgress) {
|
|
128
|
+
window.nprogress = NProgress;
|
|
129
|
+
if (NProgress) {
|
|
130
|
+
$(window).on('action:ajaxify.start', function () {
|
|
131
|
+
NProgress.set(0.7);
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
$(window).on('action:ajaxify.end', function () {
|
|
135
|
+
NProgress.done(true);
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
}
|
|
125
140
|
});
|
package/scss/harmony.scss
CHANGED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
#nprogress {
|
|
2
|
+
pointer-events: none;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
$nprogress-color: $primary;
|
|
6
|
+
|
|
7
|
+
#nprogress .bar {
|
|
8
|
+
background: $nprogress-color;
|
|
9
|
+
position: fixed;
|
|
10
|
+
z-index: 1031;
|
|
11
|
+
top: 0;
|
|
12
|
+
left: 0;
|
|
13
|
+
width: 100%;
|
|
14
|
+
height: 2px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
#nprogress .peg {
|
|
18
|
+
display: block;
|
|
19
|
+
position: absolute;
|
|
20
|
+
right: 0px;
|
|
21
|
+
width: 100px;
|
|
22
|
+
height: 100%;
|
|
23
|
+
box-shadow: 0 0 10px $nprogress-color, 0 0 5px $nprogress-color;
|
|
24
|
+
opacity: 1.0;
|
|
25
|
+
|
|
26
|
+
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
|
27
|
+
-ms-transform: rotate(3deg) translate(0px, -4px);
|
|
28
|
+
transform: rotate(3deg) translate(0px, -4px);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
#nprogress .spinner {
|
|
32
|
+
display: none;
|
|
33
|
+
position: fixed;
|
|
34
|
+
z-index: 1031;
|
|
35
|
+
top: 15px;
|
|
36
|
+
right: 15px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@include media-breakpoint-down(sm) {
|
|
40
|
+
#nprogress .spinner {
|
|
41
|
+
bottom: 15px;
|
|
42
|
+
right: 15px;
|
|
43
|
+
top: initial;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
#nprogress .spinner-icon {
|
|
49
|
+
width: 18px;
|
|
50
|
+
height: 18px;
|
|
51
|
+
box-sizing: border-box;
|
|
52
|
+
|
|
53
|
+
border: solid 2px transparent;
|
|
54
|
+
border-top-color: $nprogress-color;
|
|
55
|
+
border-left-color: $nprogress-color;
|
|
56
|
+
border-radius: 50%;
|
|
57
|
+
|
|
58
|
+
-webkit-animation: nprogress-spinner 400ms linear infinite;
|
|
59
|
+
animation: nprogress-spinner 400ms linear infinite;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.nprogress-custom-parent {
|
|
63
|
+
overflow: hidden;
|
|
64
|
+
position: relative;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.nprogress-custom-parent #nprogress .spinner,
|
|
68
|
+
.nprogress-custom-parent #nprogress .bar {
|
|
69
|
+
position: absolute;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
@-webkit-keyframes nprogress-spinner {
|
|
73
|
+
0% { -webkit-transform: rotate(0deg); }
|
|
74
|
+
100% { -webkit-transform: rotate(360deg); }
|
|
75
|
+
}
|
|
76
|
+
@keyframes nprogress-spinner {
|
|
77
|
+
0% { transform: rotate(0deg); }
|
|
78
|
+
100% { transform: rotate(360deg); }
|
|
79
|
+
}
|
|
80
|
+
|
|
@@ -45,9 +45,9 @@
|
|
|
45
45
|
</li>
|
|
46
46
|
<li class="dropdown-divider"></li>
|
|
47
47
|
<li class="notif-dropdown-link">
|
|
48
|
-
<div class="d-flex justify-content-center gap-1 flex-
|
|
49
|
-
<a component="chats/mark-all-read" role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap ff-secondary"><i class="fa fa-check-double"></i> [[modules:chat.mark_all_read]]</a>
|
|
50
|
-
<a class="btn btn-sm btn-primary flex-fill text-nowrap ff-secondary" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-list"></i> [[modules:chat.see_all]]</a>
|
|
48
|
+
<div class="d-flex justify-content-center gap-1 flex-wrap">
|
|
49
|
+
<a component="chats/mark-all-read" role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[modules:chat.mark_all_read]]</a>
|
|
50
|
+
<a class="btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/user/{user.userslug}/chats"><i class="fa fa-list"></i> [[modules:chat.see_all]]</a>
|
|
51
51
|
</div>
|
|
52
52
|
</li>
|
|
53
53
|
</ul>
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
</li>
|
|
21
21
|
<li class="dropdown-divider"></li>
|
|
22
22
|
<li class="notif-dropdown-link">
|
|
23
|
-
<div class="d-flex justify-content-center gap-1 flex-
|
|
24
|
-
<a role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap ff-secondary"><i class="fa fa-check-double"></i> [[notifications:mark_all_read]]</a>
|
|
25
|
-
<a class="btn btn-sm btn-primary flex-fill text-nowrap ff-secondary" href="{relative_path}/notifications"><i class="fa fa-list"></i> [[notifications:see_all]]</a>
|
|
23
|
+
<div class="d-flex justify-content-center gap-1 flex-wrap">
|
|
24
|
+
<a role="button" href="#" class="btn btn-sm btn-light mark-all-read flex-fill text-nowrap text-truncate ff-secondary"><i class="fa fa-check-double"></i> [[notifications:mark_all_read]]</a>
|
|
25
|
+
<a class="btn btn-sm btn-primary flex-fill text-nowrap text-truncate ff-secondary" href="{relative_path}/notifications"><i class="fa fa-list"></i> [[notifications:see_all]]</a>
|
|
26
26
|
</div>
|
|
27
27
|
</li>
|
|
28
28
|
</ul>
|