basic material look for 3 dot button

This commit is contained in:
Rob Culliton 2018-05-02 18:23:39 -04:00
parent db664a9094
commit 63fd5c336c
No known key found for this signature in database
GPG Key ID: 6FDEF60B3DC84D94
2 changed files with 14 additions and 5 deletions

View File

@ -66,6 +66,9 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
/></noscript> /></noscript>
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" rel="stylesheet" type="text/css" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" rel="stylesheet" type="text/css" />
<link href="https://unpkg.com/tachyons@4.9.1/css/tachyons.min.css" rel="stylesheet" type="text/css" /> <link href="https://unpkg.com/tachyons@4.9.1/css/tachyons.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<link href="/css/style.css?v={{commiteth-version}}" rel="stylesheet" type="text/css" /> <link href="/css/style.css?v={{commiteth-version}}" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/app.js?v={{commiteth-version}}"></script> <script type="text/javascript" src="/js/app.js?v={{commiteth-version}}"></script>
<script> <script>

View File

@ -247,18 +247,24 @@
[:div bottom]]]) [:div bottom]]])
(defn small-card-balances [bounty] (defn small-card-balances [bounty]
[:div.f6 [:div.f6.fl.w-80
[ui-balances/token-balances (bnt/crypto-balances bounty) :label] [ui-balances/token-balances (bnt/crypto-balances bounty) :label]
[:div [:div
[ui-balances/usd-value-label (:value-usd bounty)]]]) [ui-balances/usd-value-label (:value-usd bounty)]]])
(defn unclaimed-bounty [{value-usd :value-usd :as bounty}]
;; [revoke-button bounty]
(defn three-dots-button [{value-usd :value-usd :as bounty}]
(when (pos? value-usd)
[:div.fl.w-20
[:button#menu-lower-right.mdl-button.mdl-js-button.mdl-button--icon
[:i.material-icons "more_horiz"]]]))
(defn unclaimed-bounty [bounty]
[:div.w-third-l.fl-l.pa2 [:div.w-third-l.fl-l.pa2
[square-card [square-card
[bounty-title-link bounty {:show-date? true :max-length 60}] [bounty-title-link bounty {:show-date? true :max-length 60}]
(when (> value-usd 0) [:div [small-card-balances bounty] [three-dots-button bounty]]]])
[revoke-button bounty])
[small-card-balances bounty]]])
(defn paid-bounty [bounty] (defn paid-bounty [bounty]
[:div.w-third-l.fl-l.pa2 [:div.w-third-l.fl-l.pa2