From 70d126acb57a36319bc64ca46e71623044400cd1 Mon Sep 17 00:00:00 2001 From: elhombretecla Date: Sun, 28 Feb 2016 18:30:22 +0100 Subject: [PATCH] add clipboard styles --- resources/styles/partials/lightbox.scss | 48 +++++++++++++++++++++++++ src/uxbox/ui/workspace/clipboard.cljs | 8 +++-- 2 files changed, 53 insertions(+), 3 deletions(-) diff --git a/resources/styles/partials/lightbox.scss b/resources/styles/partials/lightbox.scss index e76c5abb2..e2669a0ba 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 7284a113c..e80418dcc 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