Remove background from tree topic post footer

pradoslaw · Jan 2, 2025 · ee6ba5f · ee6ba5f
1 parent 1bfcd6d
commit ee6ba5f
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/resources/js/components/forum/post.vue b/resources/js/components/forum/post.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="tree-post position-relative" :class="postIndentCssClasses">
+  <div class="position-relative" :class="[postIndentCssClasses, {'tree-post':is_mode_tree}]">
     <vue-post-guiderail
       v-if="guiderailVisible"
       :links-to-parent="linksToParent"

diff --git a/resources/sass/components/forum/_tree_topic.scss b/resources/sass/components/forum/_tree_topic.scss
@@ -1 +1,24 @@
+@use "../../../feature/theme/theme" as theme;
 @use "./post_guiderails";
+
+.tree-post {
+  .card-post {
+    background: none !important;
+    border:     none !important;
+    .card-body {
+      @include theme.light {
+        background: white;
+        border:     1px solid #dddddd;
+      }
+      @include theme.dark {
+        background: #1a1a1a;
+        border:     1px solid #2f2f2f;
+      }
+      border-radius: 0.25rem;
+    }
+    .card-footer {
+      border:     none !important;
+      background: none !important;
+    }
+  }
+}