From 520efdad5872ab23596450bfa0910780de080638 Mon Sep 17 00:00:00 2001 From: Martin Klepsch Date: Mon, 23 Apr 2018 16:48:05 +0200 Subject: [PATCH] add shadow to buttons --- src/cljs/commiteth/manage_payouts.cljs | 7 +++++-- src/less/tachyons-utils.css | 2 ++ 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/cljs/commiteth/manage_payouts.cljs b/src/cljs/commiteth/manage_payouts.cljs index 4a107cd..82bb6d9 100644 --- a/src/cljs/commiteth/manage_payouts.cljs +++ b/src/cljs/commiteth/manage_payouts.cljs @@ -12,6 +12,9 @@ repo :repo_name}] (str "https://github.com/" owner "/" repo "/pull/" pr-number)) +(def primary-button-button :button.f7.ttu.tracked.outline-0.bg-sob-blue.white.pv3.ph4.pg-med.br3.bn.pointer.shadow-7) +(def primary-button-link :a.dib.tc.f7.ttu.tracked.bg-sob-blue.white.pv2.ph3.pg-med.br2.pointer.hover-white.shadow-7) + (defn balance-badge [tla balance] {:pre [(keyword? tla)]} @@ -68,7 +71,7 @@ (let [paid? (bnt/paid? claim) merged? (bnt/merged? claim)] (when (and merged? (not paid?)) - [:button.f7.ttu.tracked.outline-0.bg-sob-blue.white.pv3.ph4.pg-med.br3.bn.pointer + [primary-button-button (merge {:on-click #(rf/dispatch [:confirm-payout claim])} (if (and merged? (not paid?) (:payout_address bounty)) {} @@ -99,7 +102,7 @@ [confirm-button bounty claim]]]]])) (defn view-pr-button [claim] - [:a.dib.tc.f7.ttu.tracked.bg-sob-blue.white.pv2.ph3.pg-med.br2.pointer.hover-white + [primary-button-link {:href (pr-url claim)} "View Pull Request"]) diff --git a/src/less/tachyons-utils.css b/src/less/tachyons-utils.css index 7a7bf2b..3995bbd 100644 --- a/src/less/tachyons-utils.css +++ b/src/less/tachyons-utils.css @@ -1,6 +1,8 @@ .pg-book {font-family: "PostGrotesk-Book", sans-serif} .pg-med {font-family: "PostGrotesk-Medium", sans-serif} +.shadow-7 {box-shadow: 0 2px 4px 0 rgba(22, 51, 81, 0.14)} + .shadow-6 {box-shadow: 0 5px 16px 0 rgba(230, 235, 238, 0.68)} /* Color classes are generated using https://tachyons-tldr.now.sh/#/tools */