github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-05-04 15:49:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix sidebar overflow

Browse Source
This commit is contained in:
María Valderrama 2026-05-04 09:55:06 +02:00 committed by María Valderrama
parent f24ad6bee4
commit 152967bea6
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/app/main/ui/dashboard/sidebar.cljs
View File

@ -1057,11 +1057,12 @@
(reset! overflow* (> scroll-height client-height))))
[:*
[:div {:ref container}
[:div {:class (stl/css :sidebar-content-wrapper)}
(when nitrate?
[:div {:class (stl/css :orgs-container)}
[:> sidebar-org-switch* {:team team :profile profile}]])
[:div {:class (stl/css-case :sidebar-content true :sidebar-content-nitrate nitrate?)}
[:div {:ref container
:class (stl/css-case :sidebar-content true :sidebar-content-nitrate nitrate?)}
[:> sidebar-team-switch* {:team team :profile profile}]
[:> sidebar-search* {:search-term search-term

11
frontend/src/app/main/ui/dashboard/sidebar.scss
View File

@ -29,11 +29,20 @@
}
// SIDEBAR CONTENT COMPONENT
.sidebar-content-wrapper {
display: flex;
flex-direction: column;
min-height: 0;
height: 100%;
overflow: hidden;
}
.sidebar-content {
display: grid;
grid-template-rows: auto auto auto auto 1fr;
gap: var(--sp-xxl);
height: 100%;
flex: 1;
min-height: 0;
padding: 0;
overflow: hidden auto;
}

4
frontend/src/app/main/ui/dashboard/subscription.scss
View File

@ -224,7 +224,7 @@
display: flex;
border-radius: var(--sp-s);
flex-direction: column;
margin: var(--sp-m);
margin: var(--sp-m) var(--sp-m) 0;
background: var(--color-background-quaternary);
border: $b-1 solid var(--color-accent-primary-muted);
padding: var(--sp-l);
@ -254,7 +254,7 @@
.nitrate-current-plan {
border-radius: var(--sp-s);
margin: 0 var(--sp-m) var(--sp-m) var(--sp-m);
margin: var(--sp-m);
background: var(--color-background-tertiary);
border: $b-1 solid var(--color-background-quaternary);
padding: var(--sp-m) var(--sp-l);