status-im/open-bounty
2
0
Fork 0
mirror of https://github.com/status-im/open-bounty.git synced 2025-01-30 11:14:53 +00:00
Code Issues Projects Releases Wiki Activity

Balance badge styling

Browse Source
This commit is contained in:
Teemu Patja 2017-10-29 12:19:37 +02:00
parent 542d19e40e
commit a4318cb2f0
No known key found for this signature in database
GPG Key ID: F5B7035E6580FD4C
3 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/cljs/commiteth/activity.cljs
View File

@ -41,10 +41,12 @@
[item-description item]] [item-description item]]
[:div.footer-row [:div.footer-row
(when-not (= item-type "new-bounty") (when-not (= item-type "new-bounty")
(for [[tla balance] (merge tokens {:ETH balance-eth})] [:div
^{:key (random-uuid)} [:div.balance-badge "ETH " balance-eth]
[:div.balance-badge (for [[tla balance] tokens]
(str (subs (str tla) 1) " " balance)])) ^{:key (random-uuid)}
[:div.balance-badge.token
(str (subs (str tla) 1) " " balance)])])
[:div.time (moment-timestamp updated)]]]]) [:div.time (moment-timestamp updated)]]]])

5
src/cljs/commiteth/bounties.cljs
View File

@ -27,9 +27,10 @@
issue-link issue-link
(str " (USD " value-usd ")")] (str " (USD " value-usd ")")]
[:div.footer-row [:div.footer-row
(for [[tla balance] (merge tokens {:ETH balance-eth})] [:div.balance-badge "ETH " balance-eth]
(for [[tla balance] tokens]
^{:key (random-uuid)} ^{:key (random-uuid)}
[:div.balance-badge [:div.balance-badge.token
(str (subs (str tla) 1) " " balance)]) (str (subs (str tla) 1) " " balance)])
[:div.time (moment-timestamp updated)]]]])) [:div.time (moment-timestamp updated)]]]]))

24
src/less/style.less
View File

@ -370,8 +370,12 @@
} }
.activity-item { .activity-item {
.display-name,.description { .display-name {
color: #474951!important; color: #474951!important;
font-family: "PostGrotesk-Medium";
}
.description {
font-family: "PostGrotesk-Book";
} }
} }
@ -390,9 +394,12 @@
} }
.balance-badge { .balance-badge {
color: #fff; color: #57a7ed;
background-color: #61deb0; background-color: rgba(87,167,237,.2);
font-size: 0.9em; font-family: "PostGrotesk-Medium";
font-weight: 500;
font-size: 13px;
line-height: 1.15;
width: auto; width: auto;
min-width: 0; min-width: 0;
height: auto; height: auto;
@ -400,8 +407,13 @@
line-height: 2em; line-height: 2em;
display: table; display: table;
padding: 0 .5em 0; padding: 0 .5em 0;
letter-spacing: .04em; letter-spacing: 1px;
border-radius: 2px; border-radius: 8px;
&.token {
color: #4360df;
background-color: rgba(67,96,223,.2);
}
} }
.fork-span { .fork-span {
padding-left: .5em; padding-left: .5em;