Skip to content

Commit

Permalink
op date meta tooltips
Browse files Browse the repository at this point in the history
  • Loading branch information
andrew committed Jun 2, 2016
1 parent 9c4fb56 commit dff6b07
Show file tree
Hide file tree
Showing 4 changed files with 28 additions and 3 deletions.
8 changes: 7 additions & 1 deletion src/cljs/ulysses/components/basic.cljs
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
(defn label
"bootstrap label"
[contextual & rest]
(let [classes ["label" (str "label-" (name contextual))]
(let [classes ["label" (str "label-" (name contextual)) "has-tooltip"]
cname (string/join "." (into ["span"] classes))]
(into [(keyword cname)] rest)))

Expand All @@ -53,6 +53,12 @@
[:option {:value v} (or n v)])
options)])

(defn tooltip
[text]
[:div.tooltip.tooltip-top {:role "tooltip"}
[:div.tooltip-arrow]
[:div.tooltip-inner text]])

;; ----------------------------------------------------------------------------
;; css transition group
;; ----------------------------------------------------------------------------
Expand Down
5 changes: 3 additions & 2 deletions src/cljs/ulysses/components/misc.cljs
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
(ns ulysses.components.misc
(:require [ulysses.utils :refer [mechanism-to-contextual]]
[ulysses.components.basic :refer [label]]
[ulysses.components.basic :refer [label tooltip]]
[ulysses.lib.moment :as m]))

;; ----------------------------------------------------------------------------
Expand All @@ -11,7 +11,8 @@
(when (m/is-valid mi)
[label :default
"ends "
(-> mi (m/from-now false))]))
(-> mi (m/from-now false))
[tooltip (-> mi (m/format "L"))]]))

(defn grant-op-fm-label [{:keys [name]}]
[label (-> name keyword mechanism-to-contextual) name])
Expand Down
1 change: 1 addition & 0 deletions src/cljs/ulysses/lib/moment.cljs
Original file line number Diff line number Diff line change
Expand Up @@ -12,3 +12,4 @@
(forward-jsobj-fn to-iso-string toISOString)
(forward-jsobj-fn add add)
(forward-jsobj-fn is-valid isValid)
(forward-jsobj-fn format format)
17 changes: 17 additions & 0 deletions src/sass/_common.scss
Original file line number Diff line number Diff line change
Expand Up @@ -130,3 +130,20 @@ a.fancy-switch {
}
}
}

.has-tooltip {
position: relative;

.tooltip {
display: none;
opacity: 0;
top: -38px;
}

&:hover {
.tooltip {
display: block;
opacity: 1;
}
}
}

0 comments on commit dff6b07

Please sign in to comment.