3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-15 13:01:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add quick visual fixes to dashboard

Browse source
This commit is contained in:
Juan de la Cruz 2020-05-11 13:05:06 +02:00
parent 5dddd8788a
commit 23ba635aab
6 changed files with 15 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/resources/locales.json
View file

@ -11,6 +11,12 @@
"en" : "Edit" "en" : "Edit"
} }
}, },
"dashboard.grid.rename" : {
"used-in" : [ "src/uxbox/main/ui/dashboard/project.cljs:60", "src/uxbox/main/ui/dashboard/grid.cljs:91" ],
"translations" : {
"en" : "Rename"
}
},
"dashboard.grid.empty-files" : { "dashboard.grid.empty-files" : {
"used-in" : [ "src/uxbox/main/ui/dashboard/grid.cljs:114" ], "used-in" : [ "src/uxbox/main/ui/dashboard/grid.cljs:114" ],
"translations" : { "translations" : {

2
frontend/resources/styles/common/framework.scss
View file

@ -499,7 +499,7 @@ input[type="checkbox"]:focus {
// Element-name // Element-name
input.element-name { input.element-name {
background-color: $color-gray-10; background-color: $color-white;
border: 1px solid $color-gray-40; border: 1px solid $color-gray-40;
border-radius: $br-small; border-radius: $br-small;
color: $color-gray-60; color: $color-gray-60;

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

@ -47,26 +47,27 @@
} }
.library-elements { .library-elements {
border-top: 1px solid $color-gray-10;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: calc(95% - 1rem); height: calc(95% - 1rem);
margin-bottom: $size-4; margin-bottom: $size-4;
overflow-y: auto; overflow-y: auto;
padding-bottom: 20px; padding: $size-4 0;
li { li {
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
padding: $size-4 $size-2; padding: $size-2;
svg { svg {
border-radius: 3px; border-radius: 3px;
fill: $color-black; fill: $color-black;
margin-right: 8px; margin-right: 8px;
height: $size-4; height: $size-3;
width: $size-4; width: $size-3;
} }
span.element-title { span.element-title {
@ -78,15 +79,9 @@
} }
&.recent-projects { &.recent-projects {
border-top: 1px solid $color-gray-10;
svg { svg {
fill: $color-white; fill: $color-white;
} }
span {
font-size: $fs15;
}
} }
& .edit-wrapper { & .edit-wrapper {
@ -142,6 +137,7 @@
.projects-row { .projects-row {
align-items: center; align-items: center;
display: flex; display: flex;
margin-top: 1rem;
padding: $size-2; padding: $size-2;
span { span {

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

@ -83,7 +83,6 @@
color: $color-black; color: $color-black;
display: flex; display: flex;
font-size: $fs15; font-size: $fs15;
font-weight: normal;
} }
.main-bar-icon { .main-bar-icon {

2
frontend/src/uxbox/main/ui/dashboard/grid.cljs
View file

@ -98,7 +98,7 @@
i/actions] i/actions]
[:& context-menu {:on-close on-menu-close [:& context-menu {:on-close on-menu-close
:show (:menu-open @local) :show (:menu-open @local)
:options [[(t locale "dashboard.grid.edit") on-edit] :options [[(t locale "dashboard.grid.rename") on-edit]
[(t locale "dashboard.grid.delete") on-delete]]}]]])) [(t locale "dashboard.grid.delete") on-delete]]}]]]))
;; --- Grid ;; --- Grid

2
frontend/src/uxbox/main/ui/dashboard/project.cljs
View file

@ -58,7 +58,7 @@
[:div.main-bar-icon {:on-click on-menu-click} i/arrow-down] [:div.main-bar-icon {:on-click on-menu-click} i/arrow-down]
[:& context-menu {:on-close on-menu-close [:& context-menu {:on-close on-menu-close
:show (:menu-open @local) :show (:menu-open @local)
:options [[(t locale "dashboard.grid.edit") on-edit] :options [[(t locale "dashboard.grid.rename") on-edit]
[(t locale "dashboard.grid.delete") on-delete]]}] [(t locale "dashboard.grid.delete") on-delete]]}]
(if (:edition @local) (if (:edition @local)
[:input.element-name {:type "text" [:input.element-name {:type "text"