From eda461103ec4b207dec97bf9c92dea9d8944ac14 Mon Sep 17 00:00:00 2001
From: Raphael <rrault@sixmon.net>
Date: Tue, 7 Apr 2026 10:32:50 +0200
Subject: [PATCH] scroll bar and minimize logo

---
 app/views/layouts/application.html.erb |  8 ++---
 frontend/inspinia/css/_custom.scss     | 48 +++++++++++++++++++++++++-
 2 files changed, 51 insertions(+), 5 deletions(-)

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 6ac94f41..2af83a27 100755
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -47,18 +47,18 @@
           <div class="nav-header dropdown profile-element">
 
             <% if @school_informations&.logo&.attached? %>
-              <span><%= image_tag @school_informations.logo, class: "img-circle", width: 64, height: 64 %></span>
+              <span><%= image_tag @school_informations.logo, class: "img-circle", width: 48, height: 48 %></span>
             <% else %>
-              <span><img alt="Elvis" src="/powered_by.png" width="64" height="64" class="img-circle"/></span>
+              <span><img alt="Elvis" src="/powered_by.png" width="48" height="48" class="img-circle"/></span>
             <% end %>
 
           </div>
 
           <div class="logo-element">
             <% if @school_informations&.logo&.attached? %>
-              <%= image_tag @school_informations.logo, class: "img-circle", width: 40 %>
+              <%= image_tag @school_informations.logo, class: "img-circle", width: 32 %>
             <% else %>
-              <img src="/powered_by.png" alt="Elvis" width="40">
+              <img src="/powered_by.png" alt="Elvis" width="32">
             <% end %></div>
         </li>
 
diff --git a/frontend/inspinia/css/_custom.scss b/frontend/inspinia/css/_custom.scss
index 3e44abcb..8be28576 100755
--- a/frontend/inspinia/css/_custom.scss
+++ b/frontend/inspinia/css/_custom.scss
@@ -7,4 +7,50 @@
 
 .weekCalendar__content {
   max-height: none;
-}
\ No newline at end of file
+}
+
+/* Sidebar scrollbar */
+.sidebar-collapse {
+  height: calc(100vh - 80px);
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.3);
+    border-radius: 3px;
+
+    &:hover {
+      background: rgba(255, 255, 255, 0.5);
+    }
+  }
+}
+
+/* Reduce logo and margins */
+.nav-header {
+  padding: 20px 25px;
+
+  .profile-element {
+    margin-bottom: 8px;
+  }
+
+  img {
+    &.img-circle {
+      margin: 0;
+    }
+  }
+}
+
+.logo-element {
+  img {
+    margin: 0;
+  }
+}
+