diff --git a/public/index.html b/public/index.html index f5c217f..f104081 100644 --- a/public/index.html +++ b/public/index.html @@ -126,10 +126,15 @@ margin-bottom: 0 } - .post ul.controls { + .post .controls { margin: 18px 0 0; padding: 0; list-style-type: none; + display: flex; + } + + .post .controls .control-element { + margin: .24rem; } code { diff --git a/src/computersandblues/lodestone/app.cljs b/src/computersandblues/lodestone/app.cljs index 8823d79..823ddb6 100644 --- a/src/computersandblues/lodestone/app.cljs +++ b/src/computersandblues/lodestone/app.cljs @@ -330,7 +330,11 @@ [:nav [:ul.controls [:li.control-element.url - [:a {:href (:url post) :target "_blank"} "↗ Open original post"]]]] + [:a {:href (:url post) :target "_blank"} "↗ Open original post"]] + [:li.control-element.clipboard + [:a {:href "#" :on-click (fn [e] + (.preventDefault e) + (js/navigator.clipboard.writeText (:url post)))} "◎ Copy URL to clipboard"]]]] #_[debug post]]) (defn- refresh-displayed-posts!