github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-08 21:19:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

add message actions to message body

Browse Source
This commit is contained in:
elhombretecla 2016-03-27 16:41:39 +02:00
parent ebbe3e89c1
commit de242bdc58
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/styles/framework.scss
View File

@ -93,7 +93,7 @@
color: $color-white; color: $color-white;
&:hover { &:hover {
background: $color-white; background: $color-white;
color: $color-complete;; color: $color-info-dark;
} }
} }
.btn-large { .btn-large {
@ -858,6 +858,7 @@ input[type=range]:focus::-ms-fill-upper {
border-bottom: 3px solid transparent; border-bottom: 3px solid transparent;
color: $color-white; color: $color-white;
display: flex; display: flex;
flex-wrap: wrap;
min-height: 100px; min-height: 100px;
margin: 0 auto; margin: 0 auto;
padding: $medium $big; padding: $medium $big;
@ -891,6 +892,14 @@ input[type=range]:focus::-ms-fill-upper {
} }
.message-action {
align-items: center;
display: flex;
justify-content: space-around;
margin-top: $medium;
width: 100%;
}
} }
&.error { &.error {

8
src/uxbox/ui/messages.cljs
View File

@ -26,7 +26,7 @@
(defn error (defn error
([message] (error message nil)) ([message] (error message nil))
([message {:keys [timeout] :or {timeout 3000}}] ([message {:keys [timeout] :or {timeout 30000}}]
(when-let [prev-message @+message+] (when-let [prev-message @+message+]
(abort-timeout! (:timeout-total prev-message)) (abort-timeout! (:timeout-total prev-message))
(abort-timeout! (:timeout prev-message))) (abort-timeout! (:timeout prev-message)))
@ -55,7 +55,11 @@
[:div.message {:class classes} [:div.message {:class classes}
[:div.message-body [:div.message-body
[:span.close i/close] [:span.close i/close]
[:span (:content message)]]])))) [:span (:content message)]
[:div.message-action
[:a.btn-transparent.btn-small "Accept"]
[:a.btn-transparent.btn-small "Cancel"]
]]]))))
(def ^:const messages (def ^:const messages
(mx/component (mx/component