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

Feat(sidebar): implement sidebar toggling #157

Merged
jakob.scheid merged 7 commits from feature/expandable-sidebar into main 2026-07-31 21:00:20 +02:00
Conversation 1 Commits 7 Files Changed 4
+5 -1
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0939379c0a - Show all commits
src/features/sidebar/components/Sidebar.vue
+4
View File
@@ -56,6 +56,10 @@ const toggleSidebar = function toggleSidebar () {
margin-bottom: 8px; margin-bottom: 8px;
} }
.sidebar:not(.expanded) .sidebar-controls {
padding: 1em;
}
@media (max-width: 48rem) { @media (max-width: 48rem) {
.sidebar:not(.expanded) .sidebar-expand-button { .sidebar:not(.expanded) .sidebar-expand-button {
display: none; display: none;
src/layouts/LeftSidebarLayout.vue
+1 -1
View File
@@ -51,7 +51,7 @@ const toggleExpanded = function toggleExpanded () {
<style scoped> <style scoped>
.layout-container { .layout-container {
display: grid; display: grid;
grid-template-columns: 72px 1fr; grid-template-columns: calc(32px + 2em) 1fr;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
grid-template-areas: grid-template-areas:
"sidebar-expand sidebar-expand" "sidebar-expand sidebar-expand"