diff --git a/resources/styles/partials/lightbox.scss b/resources/styles/partials/lightbox.scss index e76c5abb28..e2669a0ba4 100644 --- a/resources/styles/partials/lightbox.scss +++ b/resources/styles/partials/lightbox.scss @@ -127,3 +127,51 @@ } } + +// Clipboard +.clipboard { + max-width: 350px; + + .clipboard-list { + display: flex; + flex-direction: column; + width: 100%; + + .clipboard-item { + align-items: center; + border-bottom: 1px solid $soft-ui-border; + cursor: pointer; + display: flex; + padding: $small; + width: 100%; + + + span { + + svg { + height: 20px; + fill: $medium-ui-border; + margin-right: $medium; + width: 20px; + } + + } + + &:hover { + + span { + color: $main-ui-color; + + svg { + fill: $main-ui-color + } + + } + + } + + } + + } + +} diff --git a/src/uxbox/ui/workspace/clipboard.cljs b/src/uxbox/ui/workspace/clipboard.cljs index 7284a113c6..e80418dccf 100644 --- a/src/uxbox/ui/workspace/clipboard.cljs +++ b/src/uxbox/ui/workspace/clipboard.cljs @@ -1,5 +1,6 @@ (ns uxbox.ui.workspace.clipboard (:require [sablono.core :as html :refer-macros [html]] + [uxbox.ui.icons :as i] [uxbox.ui.mixins :as mx] [uxbox.ui.lightbox :as lightbox])) @@ -10,10 +11,11 @@ (defn- clipboard-dialog-render [own] (html - [:div.lightbox-body - [:div.clipboard-items + [:div.lightbox-body.clipboard + [:div.clipboard-list (for [i (range 5)] - [:div {:key i} + [:div.clipboard-item {:key i} + [:span.clipboard-icon i/box] [:span (str "shape " i)]])]])) (def clipboard-dialog