Style forum aside column

pradoslaw · Dec 5, 2024 · 871c862 · 871c862
1 parent b1be527
commit 871c862
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 6 deletions.
diff --git a/resources/feature/lookAndFeel/lookAndFeel.scss b/resources/feature/lookAndFeel/lookAndFeel.scss
@@ -1,4 +1,5 @@
 @use "../theme/theme" as theme;
+@use "./size" as size;
 
 $body-background: (light: #f0f2f5, dark: #121314);
 $post-background-body: (light: white, dark: #181a1b);
@@ -20,13 +21,20 @@ $post-background-header: (light: none, dark: none);
   body {
     background: var(--body-background);
   }
-
   .neon-post {
     background: var(--post-background-body);
-
     .neon-post-header,
     .neon-post-footer {
       background: var(--post-background-header);
     }
   }
 }
+
+.neon-forum-aside {
+  background: var(--body-background);
+  padding: 24px;
+
+  @include size.size(xl) {
+    padding: 0;
+  }
+}
diff --git a/resources/feature/lookAndFeel/size.scss b/resources/feature/lookAndFeel/size.scss
@@ -0,0 +1,7 @@
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins/breakpoints";
+
+@mixin size($size) {
+  @include media-breakpoint-up($size) {@content}
+}
diff --git a/resources/sass/core/_dark_topic.scss b/resources/sass/core/_dark_topic.scss
@@ -363,7 +363,6 @@ body.theme-dark {
 
   aside {
     &#sidebar {
-      background-color: #252525;
       border-color: #789b17;
       border-width: 1px;
       box-shadow: none;

diff --git a/resources/sass/pages/_forum.scss b/resources/sass/pages/_forum.scss
@@ -53,10 +53,8 @@
     z-index: 101;
     font-size: .9em;
     right: 25%;
-    background: #F3F5F0;
     border: 2px solid $card-border-color;
     padding: 6px 10px;
-    box-shadow: 5px 5px 6px #AAA;
     width: 45%; // na urzadzeniach mobilnych rozszerzamy to okno aby cokolwiek bylo tam widac
     top: 48px !important; // funkcja sticky-aside zmieni {top}, myśląc że element jest sticky
   }

diff --git a/resources/views/forum/partials/sidebar.twig b/resources/views/forum/partials/sidebar.twig
@@ -1,4 +1,4 @@
-<aside class="sticky-aside" id="sidebar">
+<aside class="sticky-aside neon-forum-aside" id="sidebar">
   {% block side_menu %}
   {% endblock %}