Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-11 01:10:28 -05:00
Code Issues Activity

refactor dashboard sidebar

Browse source
This commit is contained in:
Juan de la Cruz 2020-03-09 11:54:35 +01:00 committed by Andrey Antukh
parent 7d7cd1d3d6
commit 47de756080
3 changed files with 46 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/resources/styles/main/partials/dashboard-bar.scss
View file

@ -65,8 +65,9 @@
background: $color-gray-50;
cursor: pointer;
display: flex;
height: 28px;
height: 22px;
padding: 0 5px;
width: 22px;
svg {
fill: $color-gray-30;

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

@ -60,11 +60,20 @@
padding-bottom: 20px;
li {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: column;
flex-shrink: 0;
padding: $small $medium;
padding: $medium $small;
svg {
border-radius: 3px;
fill: $color-black;
height: 24px;
margin-right: $small;
padding: $x-small;
width: 24px;
}
span.element-title {
color: $color-gray-60;
@ -76,7 +85,15 @@
&.recent-projects {
border-top: 1px solid $color-gray-10;
border-bottom: 1px solid $color-gray-10;
svg {
background-color: $color-black;
fill: $color-white;
}
span {
font-size: $fs15;
}
}
input.element-title {
@ -110,6 +127,10 @@
&.current {
svg {
fill: $color-black;
}
span.element-title,
.element-subtitle {
color: $color-gray-60;
@ -151,8 +172,8 @@
svg {
fill: $color-gray-60;
height: 16px;
width: 16px;
height: 13px;
width: 13px;
}
&:hover {
@ -182,12 +203,18 @@
width: 100%;
}
&:focus,
&:focus-within {
border-color: $color-black;
}
.clear-search {
align-items: center;
cursor: pointer;
display: flex;
height: 28px;
height: 22px;
padding: 0 5px;
width: 22px;
svg {
fill: $color-gray-30;

15
frontend/src/uxbox/main/ui/dashboard/projects.cljs
View file

@ -200,15 +200,22 @@
[:ul.library-elements
[:li.recent-projects #_{:on-click #(st/emit! (udp/go-to-project nil))
:class-name (when (nil? id) "current")}
[:span.element-title "Recent"]]
i/user
[:span.element-title "Personal"]]
[:li.recent-projects {:on-click #(st/emit! (udp/go-to-project nil))
[:li {:on-click #(st/emit! (udp/go-to-project nil))
:class-name (when (nil? id) "current")}
i/file-html
[:span.element-title "Drafts"]]
[:li {:on-click #(st/emit! (udp/go-to-project nil))
:class-name (when (nil? id) "current")}
i/icon-set
[:span.element-title "Libraries"]]
[:div.projects-row
[:span "PROJECTS/TEAMS TODO"]
#_[:a.add-project {:on-click #(st/emit! udp/create-project)}
[:span "PROJECTS"]
[:a.add-project {:on-click #(st/emit! udp/create-project)}
i/close]]
#_(for [item projects]