nodebb-theme-harmony 2.0.31 → 2.0.33

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": "2.0.31",
3
+ "version": "2.0.33",
4
4
  "nbbpm": {
5
5
  "compatibility": "^4.0.0"
6
6
  },
package/scss/mixins.scss CHANGED
@@ -79,9 +79,6 @@
79
79
  align-items: center;
80
80
  justify-content: center;
81
81
  flex-shrink: 0;
82
-
83
- width: 20px;
84
- height: 20px;
85
82
  padding: 0;
86
83
  margin-right: 1rem;
87
84
  color: $gray-500;
@@ -97,6 +94,7 @@
97
94
 
98
95
  @include media-breakpoint-down(sm) {
99
96
  > [component="post"], .timeline-event {
97
+ margin-left: initial;
100
98
  &:first-child:before, &:last-child:after {
101
99
  display: none;
102
100
  }
@@ -116,6 +114,9 @@
116
114
 
117
115
  [component="topic/event"], [component="topic/necro-post"] {
118
116
  &.timeline-event {
117
+ .timeline-badge {
118
+ margin-right: initial;
119
+ }
119
120
  .timeline-text {
120
121
  line-height: 16px;
121
122
  font-size: 0.75rem;
@@ -1,9 +1,9 @@
1
1
  {{{ if ./items.length }}}
2
- <li component="topic/event" class="timeline-event text-muted d-flex gap-2 pt-4">
2
+ <li component="topic/event" class="timeline-event text-muted d-flex gap-2 pt-4 px-2 px-lg-0">
3
3
  <div class="d-flex flex-column">
4
4
  <div class="d-flex text-start align-self-start align-items-center">
5
5
  <div class="timeline-badge">
6
- <i class="fa {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}} small"></i>
6
+ <i class="fa fa-fw {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}} small"></i>
7
7
  </div>
8
8
  <button class="btn btn-sm btn-ghost" type="button" data-bs-toggle="collapse" data-bs-target="#event-collapse-{./id}" aria-expanded="false" aria-controls="collapseExample">
9
9
  [[topic:announcers-x, {./items.length}]]
@@ -13,7 +13,7 @@
13
13
  <div component="topic/event/items">
14
14
  {{{ each ./items }}}
15
15
  <div class="d-flex gap-2 pt-2" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
16
- <span class="timeline-text small d-flex align-items-center gap-1 flex-wrap">
16
+ <span class="timeline-text small d-flex align-items-center gap-1 flex-wrap flex-grow-1 flex-lg-grow-0">
17
17
  {./text}
18
18
  </span>
19
19
  {{{ if (privileges.isAdminOrMod && ./id) }}}
@@ -26,11 +26,11 @@
26
26
  </div>
27
27
  </li>
28
28
  {{{ else }}}
29
- <li component="topic/event" class="timeline-event text-muted d-flex gap-2 pt-4" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
29
+ <li component="topic/event" class="timeline-event text-muted d-flex align-items-start align-items-lg-center gap-2 pt-4 px-2 px-lg-0" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
30
30
  <div class="timeline-badge">
31
- <i class="fa {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}} small"></i>
31
+ <i class="fa fa-fw {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}} small"></i>
32
32
  </div>
33
- <span class="timeline-text small d-flex align-items-center gap-1 flex-wrap">
33
+ <span class="timeline-text small d-flex align-items-center gap-1 flex-wrap flex-grow-1 flex-lg-grow-0">
34
34
  {./text}
35
35
  </span>
36
36
  {{{ if (privileges.isAdminOrMod && ./id) }}}