nodebb-theme-persona 11.2.14 → 11.2.18

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.
@@ -1,164 +1,164 @@
1
- @import "../keyframes";
2
-
3
- .modal-unfocused {
4
- z-index: @zindex-modal - 5 !important;
5
- }
6
-
7
- .taskbar {
8
- display: none;
9
- z-index: @zindex-popover;
10
- left: auto;
11
-
12
- // Bootswatch fix
13
- &.navbar-fixed-bottom {
14
- z-index: @zindex-popover;
15
- left: auto;
16
- }
17
-
18
- margin-top: 0;
19
- .transition(.15s ease-in opacity);
20
-
21
- background: none;
22
- border: none;
23
-
24
- &[data-active="1"] {
25
- display: block;
26
- }
27
-
28
- &:hover {
29
- -moz-opacity: 1;
30
- opacity: 1;
31
- }
32
-
33
- &.navbar {
34
- min-height: 32px;
35
- }
36
-
37
- .navbar-nav {
38
- padding-right: 15px;
39
- padding-bottom: 15px;
40
-
41
- li {
42
- float: left;
43
-
44
- &.new a {
45
- -webkit-animation-name: bounceIn;
46
- animation-name: bounceIn;
47
- -webkit-animation-duration: 1s;
48
- animation-duration: 1s;
49
- -webkit-animation-fill-mode: both;
50
- animation-fill-mode: both;
51
- }
52
-
53
- &.active a {
54
- &::after {
55
- content: '\f06e';
56
- font-family: "FontAwesome";
57
- font-size: 13px;
58
- background: black;
59
- border-radius: 50%;
60
- color: white;
61
- position: absolute;
62
- top: 0;
63
- right: 0;
64
- width: 20px;
65
- height: 20px;
66
- }
67
- }
68
-
69
- &.new a::after {
70
- display: none;
71
- }
72
-
73
- a {
74
- padding: 3px 15px;
75
- font-size: 20px;
76
-
77
- &.user-icon {
78
- overflow: visible;
79
- }
80
-
81
- &:focus, &:hover {
82
- color: @gray-lighter;
83
- }
84
-
85
- border-radius: 50%;
86
- height: 50px;
87
- width: 50px;
88
-
89
- > span {
90
- display: none;
91
- }
92
-
93
- -webkit-animation-name: bounceIn;
94
- animation-name: bounceIn;
95
- -webkit-animation-duration: 1s;
96
- animation-duration: 1s;
97
- -webkit-animation-fill-mode: both;
98
- animation-fill-mode: both;
99
- }
100
-
101
- img {
102
- max-width: 24px;
103
- max-height: 24px;
104
- margin-right: 1em;
105
- }
106
-
107
- &.pulse a {
108
- -webkit-animation-name: bounceIn;
109
- animation-name: bounceIn;
110
- -webkit-animation-duration: 1s;
111
- animation-duration: 1s;
112
- -webkit-animation-fill-mode: both;
113
- animation-fill-mode: both;
114
- }
115
-
116
- &.taskbar-composer {
117
- a, a:hover, a:focus, a:active {
118
- background-color: #f44336;
119
- background-size: cover;
120
- }
121
- }
122
-
123
- &.taskbar-chat {
124
- a, a:hover, a:focus, a:active {
125
- background: @brand-primary;
126
- }
127
-
128
- &.new:after {
129
- content: attr(data-content);
130
- position: absolute;
131
- left: 52px;
132
- top: 0px;
133
- font-size: 10px;
134
- text-align: center;
135
- border: 1px solid #890405;
136
- color: #fff;
137
- font-weight: bold;
138
- min-width: 20px;
139
- .border-radius(4px);
140
- background: #c91106;
141
- padding: 1px 2px;
142
- font-family: @font-family-sans-serif;
143
- }
144
-
145
- &.new[data-content="0"]:after {
146
- display: none;
147
- }
148
- }
149
-
150
- &.taskbar-composer, &.taskbar-chat {
151
- a {
152
- text-align: center;
153
- margin-left: 15px;
154
-
155
- i {
156
- font-size: 18px;
157
- line-height: 42px;
158
- color: #FFF;
159
- }
160
- }
161
- }
162
- }
163
- }
1
+ @import "../keyframes";
2
+
3
+ .modal-unfocused {
4
+ z-index: @zindex-modal - 5 !important;
5
+ }
6
+
7
+ .taskbar {
8
+ display: none;
9
+ left: auto;
10
+
11
+ // Bootswatch fix
12
+ &.navbar-fixed-bottom {
13
+ left: auto;
14
+ }
15
+
16
+ margin-top: 0;
17
+ .transition(.15s ease-in opacity);
18
+
19
+ background: none;
20
+ border: none;
21
+
22
+ &[data-active="1"] {
23
+ display: block;
24
+ }
25
+
26
+ &:hover {
27
+ -moz-opacity: 1;
28
+ opacity: 1;
29
+ }
30
+
31
+ &.navbar {
32
+ min-height: 32px;
33
+ }
34
+
35
+ .navbar-nav {
36
+ float: unset;
37
+ display: flex;
38
+ flex-direction: column;
39
+ padding-right: 15px;
40
+ padding-bottom: 15px;
41
+
42
+ li {
43
+ margin-top: 1rem;
44
+
45
+ &.new a {
46
+ -webkit-animation-name: bounceIn;
47
+ animation-name: bounceIn;
48
+ -webkit-animation-duration: 1s;
49
+ animation-duration: 1s;
50
+ -webkit-animation-fill-mode: both;
51
+ animation-fill-mode: both;
52
+ }
53
+
54
+ &.active a {
55
+ &::after {
56
+ content: '\f06e';
57
+ font-family: "FontAwesome";
58
+ font-size: 13px;
59
+ background: black;
60
+ border-radius: 50%;
61
+ color: white;
62
+ position: absolute;
63
+ top: 0;
64
+ right: 0;
65
+ width: 20px;
66
+ height: 20px;
67
+ }
68
+ }
69
+
70
+ &.new a::after {
71
+ display: none;
72
+ }
73
+
74
+ a {
75
+ padding: 3px 15px;
76
+ font-size: 20px;
77
+
78
+ &.user-icon {
79
+ overflow: visible;
80
+ }
81
+
82
+ &:focus, &:hover {
83
+ color: @gray-lighter;
84
+ }
85
+
86
+ border-radius: 50%;
87
+ height: 50px;
88
+ width: 50px;
89
+
90
+ > span {
91
+ display: none;
92
+ }
93
+
94
+ -webkit-animation-name: bounceIn;
95
+ animation-name: bounceIn;
96
+ -webkit-animation-duration: 1s;
97
+ animation-duration: 1s;
98
+ -webkit-animation-fill-mode: both;
99
+ animation-fill-mode: both;
100
+ }
101
+
102
+ img {
103
+ max-width: 24px;
104
+ max-height: 24px;
105
+ margin-right: 1em;
106
+ }
107
+
108
+ &.pulse a {
109
+ -webkit-animation-name: bounceIn;
110
+ animation-name: bounceIn;
111
+ -webkit-animation-duration: 1s;
112
+ animation-duration: 1s;
113
+ -webkit-animation-fill-mode: both;
114
+ animation-fill-mode: both;
115
+ }
116
+
117
+ &.taskbar-composer {
118
+ a, a:hover, a:focus, a:active {
119
+ background-color: #f44336;
120
+ background-size: cover;
121
+ }
122
+ }
123
+
124
+ &.taskbar-chat {
125
+ a, a:hover, a:focus, a:active {
126
+ background: @brand-primary;
127
+ }
128
+
129
+ &.new:after {
130
+ content: attr(data-content);
131
+ position: absolute;
132
+ left: 52px;
133
+ top: 0px;
134
+ font-size: 10px;
135
+ text-align: center;
136
+ border: 1px solid #890405;
137
+ color: #fff;
138
+ font-weight: bold;
139
+ min-width: 20px;
140
+ .border-radius(4px);
141
+ background: #c91106;
142
+ padding: 1px 2px;
143
+ font-family: @font-family-sans-serif;
144
+ }
145
+
146
+ &.new[data-content="0"]:after {
147
+ display: none;
148
+ }
149
+ }
150
+
151
+ &.taskbar-composer, &.taskbar-chat {
152
+ a {
153
+ text-align: center;
154
+
155
+ i {
156
+ font-size: 18px;
157
+ line-height: 42px;
158
+ color: #FFF;
159
+ }
160
+ }
161
+ }
162
+ }
163
+ }
164
164
  }
package/less/topic.less CHANGED
@@ -648,6 +648,16 @@
648
648
  z-index: 1;
649
649
  }
650
650
 
651
+ .selection-tooltip-container {
652
+ position: absolute;
653
+ padding: 5px;
654
+ border: 1px solid @well-border;
655
+ background-color: @well-bg;
656
+ border-radius: 3px;
657
+ margin: 10px 0px 0px 0px;
658
+ z-index: 1;
659
+ }
660
+
651
661
  @media screen and (min-width: @screen-sm-min) {
652
662
  .fork-thread-card {
653
663
  max-width: 33%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "11.2.14",
3
+ "version": "11.2.18",
4
4
  "nbbpm": {
5
5
  "compatibility": "^1.18.0"
6
6
  },
package/plugin.json CHANGED
@@ -1,22 +1,22 @@
1
- {
2
- "id": "nodebb-theme-persona",
3
- "hooks": [
4
- { "hook": "filter:widgets.getAreas", "method": "defineWidgetAreas" },
5
- { "hook": "filter:config.get", "method": "getThemeConfig" },
6
- { "hook": "static:app.load", "method": "init" },
7
- { "hook": "filter:admin.header.build", "method": "addAdminNavigation" },
8
- { "hook": "filter:topic.build", "method": "addUserToTopic" }
9
- ],
10
- "scripts": [
11
- "public/persona.js",
12
- "public/modules/autohidingnavbar.js",
13
- "public/modules/quickreply.js"
14
- ],
15
- "modules": {
16
- "pulling.js": "node_modules/pulling/build/pulling-drawer.js"
17
- },
18
- "acpScripts": [
19
- "public/admin.js"
20
- ],
21
- "languages": "languages"
1
+ {
2
+ "id": "nodebb-theme-persona",
3
+ "hooks": [
4
+ { "hook": "filter:widgets.getAreas", "method": "defineWidgetAreas" },
5
+ { "hook": "filter:config.get", "method": "getThemeConfig" },
6
+ { "hook": "static:app.load", "method": "init" },
7
+ { "hook": "filter:admin.header.build", "method": "addAdminNavigation" },
8
+ { "hook": "filter:topic.build", "method": "addUserToTopic" }
9
+ ],
10
+ "scripts": [
11
+ "public/persona.js",
12
+ "public/modules/autohidingnavbar.js",
13
+ "public/modules/quickreply.js"
14
+ ],
15
+ "modules": {
16
+ "pulling.js": "node_modules/pulling/build/pulling-drawer.js"
17
+ },
18
+ "acpScripts": [
19
+ "public/admin.js"
20
+ ],
21
+ "languages": "languages"
22
22
  }
package/public/persona.js CHANGED
@@ -272,7 +272,11 @@ $(document).ready(function () {
272
272
 
273
273
  function loadNotifications() {
274
274
  require(['notifications'], function (notifications) {
275
- notifications.loadNotifications($('#menu [data-section="notifications"] ul'));
275
+ const notifList = $('#menu [data-section="notifications"] ul');
276
+ notifications.loadNotifications(notifList, function () {
277
+ notifList.find('.deco-none').removeClass('deco-none');
278
+ console.log(notifList.find('.deco-none'));
279
+ });
276
280
  });
277
281
  }
278
282
 
@@ -18,8 +18,8 @@
18
18
  <h4>[[user:select-homepage]]</h4>
19
19
  <div class="well">
20
20
  <div class="form-group">
21
- <label for="dailyDigestFreq">[[user:homepage]]</label>
22
- <select class="form-control" data-property="homePageRoute">
21
+ <label for="homePageRoute">[[user:homepage]]</label>
22
+ <select class="form-control" id="homePageRoute" data-property="homePageRoute">
23
23
  <option value="none">None</option>
24
24
  {{{each homePageRoutes}}}
25
25
  <option value="{homePageRoutes.route}" <!-- IF homePageRoutes.selected -->selected="1"<!-- ENDIF homePageRoutes.selected -->>{homePageRoutes.name}</option>
@@ -1,14 +1,6 @@
1
1
  </div><!-- /.container#content -->
2
2
  </main>
3
3
  <!-- IF !isSpider -->
4
- <div class="topic-search hidden">
5
- <div class="btn-group">
6
- <button type="button" class="btn btn-default count"></button>
7
- <button type="button" class="btn btn-default prev"><i class="fa fa-fw fa-angle-up"></i></button>
8
- <button type="button" class="btn btn-default next"><i class="fa fa-fw fa-angle-down"></i></button>
9
- </div>
10
- </div>
11
-
12
4
  <div component="toaster/tray" class="alert-window">
13
5
  <div id="reconnect-alert" class="alert alert-dismissable alert-warning clearfix hide" component="toaster/toast">
14
6
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
@@ -0,0 +1,3 @@
1
+ <div component="selection/tooltip" class="selection-tooltip-container">
2
+ <button component="selection/tooltip/quote" class="btn btn-sm btn-primary quote-tooltip-btn">[[topic:quote]]</button>
3
+ </div>