3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-19 06:56:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix typography dropdown menus being clipped out in the left sidebar

Browse source 
Co-authored-by: Belén Albeza <belen@hey.com>
This commit is contained in:
Eva 2024-01-15 13:59:55 +01:00 • committed by Alonso Torres
parent a84b23168d
commit 5cfc135791
18 changed files with 118 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/ui/components/tab_container.cljs
View file

@ -19,7 +19,7 @@
(mf/defc tab-element
{::mf/wrap-props false}
[{:keys [children]}]
[:div {:class (stl/css :tab-element)} children])
children)
(mf/defc tab-container
{::mf/wrap-props false}
@ -41,8 +41,8 @@
(when (fn? on-change-tab)
(on-change-tab id)))))]
[:div {:class (stl/css :tab-container)}
[:div {:class (dm/str header-class " " (stl/css :tab-container-tabs))}
[:section {:class (stl/css :tab-container)}
[:header {:class (dm/str header-class " " (stl/css :tab-container-tabs))}
(when ^boolean collapsable
[:button
{:on-click handle-collapse

25
frontend/src/app/main/ui/components/tab_container.scss
View file

@ -7,28 +7,15 @@
.tab-container {
display: grid;
grid-template-rows: auto 1fr;
grid-template-columns: 100%;
grid-template-rows: $s-32 1fr;
height: 100%;
.tab-container-content {
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
.tab-element {
flex: 1;
height: 100%;
}
}
.tab-container-tabs {
display: flex;
align-items: center;
flex-direction: row;
gap: $s-2;
height: $s-32;
border-radius: $br-8;
background: var(--color-background-secondary);
padding: $s-2;
@ -72,6 +59,7 @@
}
}
}
.collapse-sidebar {
@include flexCenter;
@include buttonStyle;
@ -103,3 +91,10 @@
}
}
}
.tab-container-content {
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: column;
}