diff --git a/resources/public/images/project-placeholder.svg b/resources/public/images/project-placeholder.svg new file mode 100644 index 0000000000..10739d9748 --- /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 1ad6cad948..25d6c044d4 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 f050faac33..e1c0aa5321 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