Seekra/frontend
3
3
Fork 0
generated from Seekra/repository-template
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

fix(sidebar): do not show sidebar expanding button on small screens when sidebar is not expanded

Browse Source
This commit is contained in:
jakob.scheid
2026-07-31 16:35:53 +02:00
parent a25d6b93ee
commit a26610a749
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/sidebar/components/Sidebar.vue
+8 -2
View File
@@ -32,9 +32,9 @@ const toggleSidebar = function toggleSidebar () {
</script> </script>
<template> <template>
<nav class="sidebar"> <nav class="sidebar" :class="{ expanded }">
<div class="sidebar-controls"> <div class="sidebar-controls">
<SidebarExpandButton @click="toggleSidebar" /> <SidebarExpandButton @click="toggleSidebar" class="sidebar-expand-button" />
</div> </div>
<div class="sidebar-content" v-if="props.expanded"> <div class="sidebar-content" v-if="props.expanded">
<slot /> <slot />
@@ -56,6 +56,12 @@ const toggleSidebar = function toggleSidebar () {
margin-bottom: 8px; margin-bottom: 8px;
} }
@media (max-width: 48rem) {
.sidebar:not(.expanded) .sidebar-expand-button {
display: none;
}
}
.sidebar-content { .sidebar-content {
padding: 20px; padding: 20px;
padding-top: 0; padding-top: 0;