From a26610a74919e79ca8440bf4b8b21de243482826 Mon Sep 17 00:00:00 2001
From: Jakob Scheid
 <jakob.scheid@developers.internal.seekra.jcloud-services.ddns.net>
Date: Fri, 31 Jul 2026 16:17:43 +0200
Subject: [PATCH] fix(sidebar): do not show sidebar expanding button on small
 screens when sidebar is not expanded

---
 src/features/sidebar/components/Sidebar.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/features/sidebar/components/Sidebar.vue b/src/features/sidebar/components/Sidebar.vue
index 3cfcef7..46e45c0 100644
--- a/src/features/sidebar/components/Sidebar.vue
+++ b/src/features/sidebar/components/Sidebar.vue
@@ -32,9 +32,9 @@ const toggleSidebar = function toggleSidebar () {
 </script>
 
 <template>
-    <nav class="sidebar">
+    <nav class="sidebar" :class="{ expanded }">
         <div class="sidebar-controls">
-            <SidebarExpandButton @click="toggleSidebar" />
+            <SidebarExpandButton @click="toggleSidebar" class="sidebar-expand-button" />
         </div>
         <div class="sidebar-content" v-if="props.expanded">
             <slot />
@@ -56,6 +56,12 @@ const toggleSidebar = function toggleSidebar () {
     margin-bottom: 8px;
 }
 
+@media (max-width: 48rem) {
+    .sidebar:not(.expanded) .sidebar-expand-button {
+        display: none;
+    }
+}
+
 .sidebar-content {
     padding: 20px;
     padding-top: 0;