Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-09 08:20:45 -05:00
Code Issues Activity

add clipboard styles

Browse source
This commit is contained in:
elhombretecla 2016-02-28 18:30:22 +01:00
parent 8752f9864d
commit 70d126acb5
2 changed files with 53 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
resources/styles/partials/lightbox.scss
View file

@ -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
}
}
}
}
}
}

8
src/uxbox/ui/workspace/clipboard.cljs
View file

@ -1,5 +1,6 @@
(ns uxbox.ui.workspace.clipboard (ns uxbox.ui.workspace.clipboard
(:require [sablono.core :as html :refer-macros [html]] (:require [sablono.core :as html :refer-macros [html]]
[uxbox.ui.icons :as i]
[uxbox.ui.mixins :as mx] [uxbox.ui.mixins :as mx]
[uxbox.ui.lightbox :as lightbox])) [uxbox.ui.lightbox :as lightbox]))
@ -10,10 +11,11 @@
(defn- clipboard-dialog-render (defn- clipboard-dialog-render
[own] [own]
(html (html
[:div.lightbox-body [:div.lightbox-body.clipboard
[:div.clipboard-items [:div.clipboard-list
(for [i (range 5)] (for [i (range 5)]
[:div {:key i} [:div.clipboard-item {:key i}
[:span.clipboard-icon i/box]
[:span (str "shape " i)]])]])) [:span (str "shape " i)]])]]))
(def clipboard-dialog (def clipboard-dialog