status-im/open-bounty
2
0
Fork 0
mirror of https://github.com/status-im/open-bounty.git synced 2025-01-28 18:24:50 +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]]
[:div.footer-row
(when-not (= item-type "new-bounty")
(for [[tla balance] (merge tokens {:ETH balance-eth})]
^{:key (random-uuid)}
[:div.balance-badge
(str (subs (str tla) 1) " " balance)]))
[:div
[:div.balance-badge "ETH " balance-eth]
(for [[tla balance] tokens]
^{:key (random-uuid)}
[:div.balance-badge.token
(str (subs (str tla) 1) " " balance)])])
[:div.time (moment-timestamp updated)]]]])

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

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

24
src/less/style.less
View File

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