nodebb-theme-persona 11.3.26 → 11.3.30

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 (7) hide show
  1. package/less/chats.less +9 -23
  2. package/less/mobile.less +6 -2
  3. package/package.json +1 -1
  4. package/public/persona.js +1 -0
  5. package/templates/chats.tpl +1 -1
  6. package/templates/partials/chats/message-window.tpl +1 -1
  7. package/templates/partials/menu.tpl +1 -1
package/less/chats.less CHANGED
@@ -27,27 +27,16 @@
27
27
  [component="chat/nav-wrapper"] {
28
28
  flex: 1;
29
29
  flex-direction: column;
30
- box-shadow: 0 3px 9px rgba(0,0,0,.5);
31
-
30
+ padding: 0px 15px;
32
31
  .chats-list {
33
32
  flex: 1;
34
33
  overflow-y: auto;
35
34
  margin-bottom: 0;
36
- height: ~"calc(100% - 3em)";
35
+ height: ~"calc(100% - 5em)";
37
36
  }
38
37
 
39
38
  .chat-search {
40
- background-color: @panel-default-heading-bg;
41
- border-bottom: 1px solid @gray-dark;
42
-
43
- input {
44
- background-color: @gray-dark;
45
- color: @gray-lighter;
46
- border-radius: 0;
47
- border: none;
48
- height: ~"calc(3em - 2px)";
49
- }
50
-
39
+ padding-bottom: 15px;
51
40
  ul {
52
41
  width: 100%;
53
42
  }
@@ -57,7 +46,6 @@
57
46
  padding: 0;
58
47
  overflow-x: hidden;
59
48
  overflow-y: auto;
60
- border-top: 1px solid @gray-lighter;
61
49
 
62
50
  li {
63
51
  position: relative;
@@ -69,8 +57,7 @@
69
57
  border-left: 1px solid;
70
58
  border-right: 1px solid;
71
59
  border-bottom: 1px solid;
72
- border-color: #eee;
73
- background: #fff;
60
+ border-color: @gray-lighter;
74
61
 
75
62
  i {
76
63
  position: relative;
@@ -91,7 +78,7 @@
91
78
 
92
79
  [component="chat/main-wrapper"] {
93
80
  flex: 3;
94
-
81
+ padding-bottom: 15px;
95
82
  .alert {
96
83
  margin: 1em;
97
84
  }
@@ -109,9 +96,7 @@
109
96
 
110
97
  [component="chat/header"] {
111
98
  padding: @panel-heading-padding;
112
- background-color: @gray-dark;
113
- border-bottom: none;
114
- color: @gray-lighter;
99
+ border-bottom: 1px solid @modal-header-border-color;
115
100
 
116
101
  span {
117
102
  font-weight: 500;
@@ -119,13 +104,11 @@
119
104
 
120
105
  .close {
121
106
  margin-left: 0.5em;
122
- color: @gray-lighter;
123
107
  }
124
108
 
125
109
  .members {
126
110
  a {
127
111
  font-weight: 600;
128
- color: @gray-lighter;
129
112
  }
130
113
  }
131
114
 
@@ -609,6 +592,9 @@
609
592
  .chats-full, .chat-modal {
610
593
  height: calc(100vh - var(--panel-offset));
611
594
  }
595
+ [component="chat/messages"] {
596
+ width: calc(100vw);
597
+ }
612
598
  }
613
599
 
614
600
  [data-action="pop-out"] {
package/less/mobile.less CHANGED
@@ -58,7 +58,11 @@
58
58
  html[data-dir="rtl"] button& {
59
59
  margin-left: 0;
60
60
  }
61
-
61
+ &#mobile-menu {
62
+ .unread-count::after {
63
+ left: 32px;
64
+ }
65
+ }
62
66
  .header & .notification-icon {
63
67
  left: auto;
64
68
  right: 7px;
@@ -85,7 +89,7 @@
85
89
  .nav-pills {
86
90
  [component="user/status"] {
87
91
  position: absolute;
88
- right: 20px;
92
+ right: 24px;
89
93
  }
90
94
 
91
95
  background-color: #101010;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "11.3.26",
3
+ "version": "11.3.30",
4
4
  "nbbpm": {
5
5
  "compatibility": "^1.18.0"
6
6
  },
package/public/persona.js CHANGED
@@ -36,6 +36,7 @@ $(document).ready(function () {
36
36
  offset -= 70;
37
37
  }
38
38
 
39
+ offset = Math.max(0, offset);
39
40
  document.documentElement.style.setProperty('--panel-offset', `${offset}px`);
40
41
  }
41
42
 
package/templates/chats.tpl CHANGED
@@ -1,7 +1,7 @@
1
1
  <div class="chats-full">
2
2
  <div component="chat/nav-wrapper" data-loaded="<!-- IF roomId -->1<!-- ELSE -->0<!-- END -->">
3
3
  <div class="chat-search dropdown">
4
- <input class="form-control" type="text" component="chat/search" placeholder="[[users:enter_username]]" data-toggle="dropdown" />
4
+ <input class="form-control" type="text" component="chat/search" placeholder="[[users:search-user-for-chat]]" data-toggle="dropdown" />
5
5
  <ul component="chat/search/list" class="dropdown-menu"></ul>
6
6
  </div>
7
7
  <ul component="chat/recent" class="chats-list" data-nextstart="{nextStart}">
package/templates/partials/chats/message-window.tpl CHANGED
@@ -1,8 +1,8 @@
1
1
  <!-- IF roomId -->
2
2
  <div component="chat/messages" class="expanded-chat" data-roomid="{roomId}">
3
3
  <div component="chat/header">
4
- <button type="button" class="close" data-action="pop-out"><span aria-hidden="true"><i class="fa fa-compress"></i></span><span class="sr-only">[[modules:chat.pop-out]]</span></button>
5
4
  <button type="button" class="close" aria-label="Close" data-action="close"><span aria-hidden="true">&times;</span></button>
5
+ <button type="button" class="close" data-action="pop-out"><span aria-hidden="true"><i class="fa fa-compress"></i></span><span class="sr-only">[[modules:chat.pop-out]]</span></button>
6
6
 
7
7
  <!-- IMPORT partials/chats/options.tpl -->
8
8
  <span class="members">
package/templates/partials/menu.tpl CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="navbar-header">
2
2
  <button type="button" class="navbar-toggle pull-left" id="mobile-menu">
3
- <i class="fa fa-lg fa-fw fa-bars"></i>
3
+ <i class="fa fa-lg fa-fw fa-bars unread-count" data-content="{unreadCount.topic}"></i>
4
4
  </button>
5
5
  {{{ if config.loggedIn }}}
6
6
  <button type="button" class="navbar-toggle" id="mobile-chats">