nodebb-theme-harmony 1.1.6 → 1.1.8

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-harmony",
3
- "version": "1.1.6",
3
+ "version": "1.1.8",
4
4
  "nbbpm": {
5
5
  "compatibility": "^3.3.0"
6
6
  },
package/scss/account.scss CHANGED
@@ -3,14 +3,6 @@
3
3
  }
4
4
  .account {
5
5
  margin-top: 200px;
6
- width: 100%;
7
- margin-left: auto;
8
- margin-right: auto;
9
-
10
- .avatar-wrapper {
11
- border: 4px solid white;
12
- border-radius: 50%;
13
- }
14
6
 
15
7
  @include media-breakpoint-up(md) {
16
8
  margin-top: 300px;
@@ -18,17 +10,11 @@
18
10
 
19
11
  .categories {
20
12
  [component="categories/category"] {
21
- .depth-1 {
22
- padding-left: 50px;
23
- }
24
- .depth-2 {
25
- padding-left: 100px;
26
- }
27
- .depth-3 {
28
- padding-left: 150px;
29
- }
30
- .depth-4 {
31
- padding-left: 150px;
13
+ $category-pad: 50;
14
+ @for $i from 1 through 6 {
15
+ .depth-#{$i} {
16
+ padding-left: #{$category-pad * $i}px;
17
+ }
32
18
  }
33
19
  }
34
20
  }
package/scss/chats.scss CHANGED
@@ -1,9 +1,5 @@
1
1
  // chats need a bit of css
2
2
 
3
- .page-user-chats #content {
4
- max-width: 100%;
5
- }
6
-
7
3
  .stacked-avatars {
8
4
  width: 32px;
9
5
  height: 32px;
@@ -18,6 +14,9 @@
18
14
  }
19
15
 
20
16
  body.page-user-chats {
17
+ #content {
18
+ max-width: 100%;
19
+ }
21
20
  overflow: hidden;
22
21
  [data-widget-area="footer"] {
23
22
  display: none;
package/scss/common.scss CHANGED
@@ -93,12 +93,6 @@ body:not(.page-user) {
93
93
  background-color: initial;
94
94
  }
95
95
 
96
- .skin-noskin {
97
- .sticky-tools .btn-link {
98
- color: $dark;
99
- }
100
- }
101
-
102
96
  .btn-link {
103
97
  &:hover, &.active {
104
98
  background-color: $btn-ghost-hover-color;
package/scss/harmony.scss CHANGED
@@ -9,7 +9,6 @@
9
9
  @import "status";
10
10
  @import "account";
11
11
  @import "groups";
12
- @import "flags";
13
12
  @import "modals";
14
13
 
15
14
  @import "modules/breadcrumbs";
package/scss/mixins.scss CHANGED
@@ -136,16 +136,6 @@
136
136
  }
137
137
 
138
138
  @include media-breakpoint-up(sm) {
139
- &.minimal {
140
- .post-footer, .timeline-event, [component="topic/quickreply/container"], .bookmarked {
141
- display: none !important;
142
- }
143
-
144
- [component="post/content"] {
145
- @include line-clamp(1);
146
- }
147
- }
148
-
149
139
  > [component="post"], .timeline-event, > [component="post/placeholder"] {
150
140
  border-left: 2px solid $border-color;
151
141
 
@@ -14,14 +14,9 @@ $gray-900: #212529 !default;
14
14
  $black: #000 !default;
15
15
 
16
16
  $blue: #0d6efd !default;
17
- // $indigo: #6610f2 !default;
18
- // $purple: #6f42c1 !default;
19
- // $pink: #d63384 !default;
20
17
  $red: #dc3545 !default;
21
- // $orange: #fd7e14 !default;
22
18
  $yellow: #ffc107 !default;
23
19
  $green: #198754 !default;
24
- // $teal: #20c997 !default;
25
20
  $cyan: #0dcaf0 !default;
26
21
 
27
22
  $primary: $blue !default;
@@ -47,7 +42,6 @@ $enable-caret: false;
47
42
  // disable smooth scroll, this makes window.scrollTo(0,0) in ajaxify.js take x milliseconds
48
43
  $enable-smooth-scroll: false;
49
44
 
50
- // used in site title
51
45
  $enable-shadows: true;
52
46
 
53
47
  $link-decoration: none;
package/scss/topic.scss CHANGED
@@ -1,9 +1,4 @@
1
1
  .page-topic {
2
- [component="topic/reply"], [component="topic/reply/locked"], [component="topic/reply/guest"] {
3
- font-size: 14px;
4
- line-height: 20px;
5
- }
6
-
7
2
  .topic {
8
3
  .posts-container {
9
4
  max-width: 960px;
@@ -76,7 +76,7 @@
76
76
  </div>
77
77
  </form>
78
78
 
79
- <div class="overflow-auto" component="flag/history">
79
+ <div class="overflow-auto" component="flag/history" style="max-height: 30rem;">
80
80
  <h2 class="h6 fw-bold">[[flags:history]]</h2>
81
81
  {{{ if !history.length }}}
82
82
  <div class="alert alert-success text-center">[[flags:no-history]]</div>
@@ -1,4 +1,4 @@
1
- <div class="account">
1
+ <div class="account w-100 mx-auto">
2
2
  <div data-widget-area="header">
3
3
  {{{each widgets.header}}}
4
4
  {{widgets.header.html}}
@@ -22,7 +22,7 @@
22
22
  </div>
23
23
 
24
24
  <div class="d-flex flex-column flex-md-row gap-2 w-100 pb-4 mb-4 mt-2 border-bottom">
25
- <div {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}component="profile/change/picture"{{{ end }}} class="avatar-wrapper border-4 position-relative align-self-center align-self-md-start hover-parent" style="margin-top: -75px;">
25
+ <div {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}component="profile/change/picture"{{{ end }}} class="avatar-wrapper border border-white border-4 rounded-circle position-relative align-self-center align-self-md-start hover-parent" style="margin-top: -75px;">
26
26
  {buildAvatar(@value, "142px", true)}
27
27
  {{{ if (allowProfilePicture && isSelfOrAdminOrGlobalModerator)}}}
28
28
  <div component="profile/change/picture" class="d-none d-md-block pointer p-2 rounded-1 opacity-75 text-bg-light position-absolute top-50 start-50 translate-middle hover-visible">
@@ -1,6 +1,6 @@
1
1
  <hr/>
2
- <a class="d-flex gap-2 align-items-center topic-title fw-semibold fs-5 mb-3 text-reset text-break" href="{config.relative_path}/post/{./pid}">
3
- {{{ if ./isMainPost }}}<i class="fa fa-book text-muted" title="[[topic:topic]]"></i>{{{ end }}}{./topic.title}
2
+ <a class="topic-title fw-semibold fs-5 mb-3 text-reset text-break" href="{config.relative_path}/post/{./pid}">
3
+ {{{ if ./isMainPost }}}<i class="fa fa-book text-muted" title="[[topic:topic]]"></i> {{{ end }}}{./topic.title}
4
4
  </a>
5
5
  <li component="post" class="posts-list-item {{{ if ./deleted }}} deleted{{{ else }}}{{{ if ./topic.deleted }}} deleted{{{ end }}}{{{ end }}}{{{ if ./topic.scheduled }}} scheduled{{{ end }}}" data-pid="{./pid}" data-uid="{./uid}">
6
6
  <div class="post-body d-flex flex-column gap-1">
package/scss/flags.scss DELETED
@@ -1,5 +0,0 @@
1
- .page-flags {
2
- [component="flag/history"] {
3
- max-height: 30rem;
4
- }
5
- }