Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-11 23:31:21 -05:00
Code Issues Activity

🐛 Fixes scroll in dashboard sidebar

Browse source
This commit is contained in:
alonso.torres 2020-06-03 08:25:28 +02:00
parent 7861c81538
commit 8077f2704e
3 changed files with 41 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/resources/styles/main/layouts/main-layout.scss
View file

@ -21,6 +21,7 @@
& .library-bar {
grid-row: 2;
grid-column: 1 / span 2;
overflow: hidden;
}
& .dashboard-content {

20
frontend/resources/styles/main/partials/library-bar.scss
View file

@ -8,11 +8,20 @@
.library-bar {
background-color: $color-white;
.sidebar-team {
display: flex;
flex-direction: column;
padding: $size-4 0;
border-top: 1px solid $color-gray-10;
height: 100%;
padding-bottom: 2.8rem;
}
.library-bar-inside {
border-right: 1px solid $color-gray-10;
display: flex;
flex-direction: column;
height: 100%;
border-right: 1px solid $color-gray-10;
.library-tabs {
align-items: center;
@ -47,13 +56,14 @@
}
.library-elements {
border-top: 1px solid $color-gray-10;
display: flex;
flex-direction: column;
height: calc(95% - 1rem);
margin-bottom: $size-4;
overflow-y: auto;
padding: $size-4 0;
margin: 0;
&.library-common {
overflow: unset;
}
li {
align-items: center;

47
frontend/src/uxbox/main/ui/dashboard/sidebar.cljs
View file

@ -96,36 +96,39 @@
library? (and (str/starts-with? (name selected-section) "dashboard-library")
(= selected-team-id (:default-team-id profile)))
locale (i18n/use-locale)]
[:ul.library-elements
[:li.recent-projects
{:on-click #(st/emit! (rt/nav :dashboard-team {:team-id team-id}))
:class-name (when home? "current")}
i/recent
[:span.element-title (t locale "dashboard.sidebar.recent")]]
[:div.sidebar-team
[:ul.library-elements.library-common
[:li.recent-projects
{:on-click #(st/emit! (rt/nav :dashboard-team {:team-id team-id}))
:class-name (when home? "current")}
i/recent
[:span.element-title (t locale "dashboard.sidebar.recent")]]
[:li
{:on-click #(st/emit! (rt/nav :dashboard-project {:team-id team-id
:project-id "drafts"}))
:class-name (when drafts? "current")}
i/file-html
[:span.element-title (t locale "dashboard.sidebar.drafts")]]
[:li
{:on-click #(st/emit! (rt/nav :dashboard-project {:team-id team-id
:project-id "drafts"}))
:class-name (when drafts? "current")}
i/file-html
[:span.element-title (t locale "dashboard.sidebar.drafts")]]
[:li
{:on-click #(st/emit! (rt/nav :dashboard-library-icons-index {:team-id team-id}))
:class-name (when library? "current")}
i/icon-set
[:span.element-title (t locale "dashboard.sidebar.libraries")]]
[:li
{:on-click #(st/emit! (rt/nav :dashboard-library-icons-index {:team-id team-id}))
:class-name (when library? "current")}
i/icon-set
[:span.element-title (t locale "dashboard.sidebar.libraries")]]]
[:div.projects-row
[:span "PROJECTS"]
[:a.btn-icon-light.btn-small {:on-click #(st/emit! dsh/create-project)}
i/close]]
[:& sidebar-projects
{:selected-team-id selected-team-id
:selected-project-id selected-project-id
:team-id team-id}]]))
[:ul.library-elements
[:& sidebar-projects
{:selected-team-id selected-team-id
:selected-project-id selected-project-id
:team-id team-id}]]]
))
(def debounced-emit! (f/debounce st/emit! 500))