@okjavis/nodebb-theme-javis 3.0.9 → 4.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okjavis/nodebb-theme-javis",
-  "version": "3.0.9",
+  "version": "4.0.1",
   "description": "Modern, premium NodeBB theme for JAVIS Community - Extends Harmony with custom styling",
   "main": "theme.js",
   "scripts": {

package/scss/_composer.scss

@@ -406,6 +406,7 @@ html.composing .composer .formatting-bar {
   margin: 0 !important;
   flex-shrink: 0 !important;
   gap: $jv-space-3 !important;
+  overflow: visible !important; // Allow dropdowns to show
 }
 
 html.composing .composer .formatting-group {
@@ -413,8 +414,7 @@ html.composing .composer .formatting-group {
   align-items: center !important;
   gap: 2px !important;
   flex-wrap: nowrap !important;
-  overflow-x: auto !important;
-  overflow-y: visible !important; // Allow badges to overflow vertically
+  overflow: visible !important; // Allow dropdowns to show
   padding-top: 8px !important; // Space for badges that overflow upward
 
   li {
@@ -456,6 +456,22 @@ html.composing .composer .formatting-group {
         line-height: 16px !important;
       }
     }
+
+    // Dropdown containers (like Heading dropdown)
+    &.dropdown,
+    &.bottom-sheet {
+      overflow: visible !important;
+      position: relative !important;
+
+      .dropdown-menu {
+        position: absolute !important;
+        top: 100% !important;
+        left: 0 !important;
+        min-width: 150px !important;
+        z-index: 9999 !important;
+        margin-top: 2px !important;
+      }
+    }
   }
 
   .spacer {

package/scss/_feed.scss

@@ -315,7 +315,7 @@
 .feed li[component="post"].posts-list-item {
   background: $jv-surface !important;
   border: 1px solid $jv-border-subtle !important;
-  border-radius: $jv-radius-sm !important;
+  border-radius: $jv-radius-lg !important; // Match composer and widgets (16px)
   margin-bottom: $jv-space-2 !important;
   box-shadow: $jv-shadow-sm !important;
   overflow: hidden !important;
@@ -657,7 +657,7 @@
   // Action bar - now a direct child of the post card
   .feed-action-bar {
     background: $jv-surface !important;
-    border-radius: 0 0 $jv-radius-sm $jv-radius-sm; // Match card's bottom corners
+    border-radius: 0 0 $jv-radius-lg $jv-radius-lg; // Match card's bottom corners (16px)
 
     .btn-link {
       display: inline-flex;

package/scss/_forms.scss

@@ -116,9 +116,15 @@ textarea {
 
     i {
       width: 16px;
+      flex-shrink: 0;
       color: $jv-text-muted;
     }
 
+    // Hide bookmark option from dropdown menu
+    &[component="post/bookmark"] {
+      display: none !important;
+    }
+
     &:hover {
       background: rgba(0, 81, 255, 0.06);
       color: $jv-primary;

package/templates/feed.tpl

@@ -94,13 +94,12 @@
 					{{{ end }}}
 
 					<!-- 3. ACTION BAR (third - separated from content) -->
+					<!-- Order: Likes, Comments, Reply -->
 					<div class="feed-action-bar d-flex justify-content-between px-3 py-2 border-top">
-						<a href="{config.relative_path}/post/{{{ if ./topic.teaserPid }}}{./topic.teaserPid}{{{ else }}}{./pid}{{{ end }}}" class="btn btn-link btn-sm text-body {{{ if !./isMainPost }}}invisible{{{ end }}}"><i class="fa-fw fa-regular fa-message text-muted"></i> {humanReadableNumber(./topic.postcount)}</a>
-
-						<a href="#" data-pid="{./pid}" data-action="bookmark" data-bookmarked="{./bookmarked}" data-bookmarks="{./bookmarks}" class="btn btn-link btn-sm text-body"><i class="fa-fw fa-bookmark {{{ if ./bookmarked }}}fa text-primary{{{ else }}}fa-regular text-muted{{{ end }}}"></i> <span component="bookmark-count">{humanReadableNumber(./bookmarks)}</span></a>
-
 						<a href="#" data-pid="{./pid}" data-action="upvote" data-upvoted="{./upvoted}" data-upvotes="{./upvotes}" class="btn btn-link btn-sm text-body"><i class="fa-fw fa-heart {{{ if ./upvoted }}}fa text-danger{{{ else }}}fa-regular text-muted{{{ end }}}"></i> <span component="upvote-count">{humanReadableNumber(./upvotes)}</span></a>
 
+						<a href="{config.relative_path}/post/{{{ if ./topic.teaserPid }}}{./topic.teaserPid}{{{ else }}}{./pid}{{{ end }}}" class="btn btn-link btn-sm text-body {{{ if !./isMainPost }}}invisible{{{ end }}}"><i class="fa-fw fa-regular fa-message text-muted"></i> {humanReadableNumber(./topic.postcount)}</a>
+
 						<a href="#" data-pid="{./pid}" data-is-main="{./isMainPost}" data-tid="{./tid}" data-action="reply" class="btn btn-link btn-sm text-body"><i class="fa-fw fa fa-reply text-muted"></i> [[topic:reply]]</a>
 					</div>
 				</li>