diff --git a/resources/styles/main/partials/dashboard-grid.scss b/resources/styles/main/partials/dashboard-grid.scss index 7f8b003103..94bf27b839 100644 --- a/resources/styles/main/partials/dashboard-grid.scss +++ b/resources/styles/main/partials/dashboard-grid.scss @@ -362,3 +362,32 @@ } } + +.move-item { + position: relative; + + .move-list { + background-color: $color-white; + border-radius: $br-small; + bottom: 30px; + display: flex; + flex-direction: column; + left: -30px; + max-height: 260px; + overflow-y: scroll; + padding: $medium; + position: absolute; + width: 260px; + + li { + padding-bottom: $medium; + + &.title { + color: $color-gray-darker; + } + + } + + } + +} diff --git a/src/uxbox/main/ui/dashboard/colors.cljs b/src/uxbox/main/ui/dashboard/colors.cljs index 86b5d487ef..04df6e0650 100644 --- a/src/uxbox/main/ui/dashboard/colors.cljs +++ b/src/uxbox/main/ui/dashboard/colors.cljs @@ -126,7 +126,7 @@ [:div.multiselect-bar (if own? [:div.multiselect-nav - #_[:span.move-item.tooltip.tooltip-top + [:span.move-item.tooltip.tooltip-top {:alt "Move to"} i/organize] [:span.delete.tooltip.tooltip-top @@ -136,6 +136,22 @@ [:div.multiselect-nav [:span.move-item.tooltip.tooltip-top {:alt "Copy to"} + [:ul.move-list + [:li.title "Copy to library"] + [:li + [:a {:href "#"} "Red palette"]] + [:li + [:a {:href "#"} "Protoype"]] + [:li + [:a {:href "#"} "Gray scale palette"]] + [:li + [:a {:href "#"} "Current project"]] + [:li + [:a {:href "#"} "Gray scale palette"]] + [:li + [:a {:href "#"} "Current project"]] + [:li + [:a {:href "#"} "Library 3"]]] i/organize]])]))) (mx/defc grid