From 9d196e7c9f228d63d317d1159e8837259c20421f Mon Sep 17 00:00:00 2001 From: elhombretecla Date: Thu, 3 Nov 2016 17:03:34 +0100 Subject: [PATCH] add project placeholder img --- .../public/images/project-placeholder.svg | 121 ++++++++++++++++++ .../styles/main/partials/dashboard-grid.scss | 27 ++-- src/uxbox/main/ui/dashboard/projects.cljs | 2 + 3 files changed, 135 insertions(+), 15 deletions(-) create mode 100644 resources/public/images/project-placeholder.svg diff --git a/resources/public/images/project-placeholder.svg b/resources/public/images/project-placeholder.svg new file mode 100644 index 000000000..10739d974 --- /dev/null +++ b/resources/public/images/project-placeholder.svg @@ -0,0 +1,121 @@ + + + + + + + Octoface + + + + Mark Github + + + + Twitter + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/resources/styles/main/partials/dashboard-grid.scss b/resources/styles/main/partials/dashboard-grid.scss index 1ad6cad94..25d6c044d 100644 --- a/resources/styles/main/partials/dashboard-grid.scss +++ b/resources/styles/main/partials/dashboard-grid.scss @@ -95,11 +95,9 @@ flex-direction: column; flex-shrink: 0; height: 200px; - justify-content: center; margin: $medium $medium 0 $medium; max-width: 300px; min-width: 260px; - padding: $medium; position: relative; text-align: center; width: 18%; @@ -107,6 +105,8 @@ &.small-item { max-width: 12%; min-width: 190px; + padding: $medium; + justify-content: center; } .item-info { @@ -253,24 +253,11 @@ &.images-th { background-color: $color-white; border-bottom: 2px solid lighten($color-gray-light, 12%); - justify-content: flex-start; - padding: 0; &:hover { border-color: $main-ui-color; } - .grid-item-th { - background-position: center; - background-size: cover; - border-top-left-radius: $br-medium; - border-top-right-radius: $br-medium; - height: 70%; - position: relative; - width: 100%; - - } - } .grid-item-image { @@ -321,6 +308,16 @@ } +.grid-item-th { + background-position: center; + background-size: cover; + border-top-left-radius: $br-medium; + border-top-right-radius: $br-medium; + height: 70%; + position: relative; + width: 100%; +} + // MULTISELECT OPTIONS BAR .multiselect-bar { @include animation(0,.5s,fadeInUp); diff --git a/src/uxbox/main/ui/dashboard/projects.cljs b/src/uxbox/main/ui/dashboard/projects.cljs index f050faac3..e1c0aa532 100644 --- a/src/uxbox/main/ui/dashboard/projects.cljs +++ b/src/uxbox/main/ui/dashboard/projects.cljs @@ -153,6 +153,8 @@ (dom/stop-propagation event) (udl/open! :confirm {:on-accept delete}))] [:div.grid-item.project-th {:on-click on-navigate} + [:div.grid-item-th + {:style {:background-image "url('/images/project-placeholder.svg')"}}] [:div.item-info [:h3 (:name project)] [:span.date