status-im
/
open-bounty
mirror of https://github.com/status-im/open-bounty.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #105 from status-im/bug/fix-dropdown 

[bug] fix dropdown menu
This commit is contained in:
Teemu Patja 2017-10-30 20:56:55 +02:00 committed by GitHub
parent 48c4a5f369 fdb23c948d
commit 4bb20d35d2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/cljs/commiteth/core.cljs
View File

@ -185,9 +185,10 @@
show-top-hunters? #(contains? #{:bounties :activity} @current-page)] show-top-hunters? #(contains? #{:bounties :activity} @current-page)]
(fn [] (fn []
[:div.ui.pusher [:div.ui.pusher
[:div.vertical.commiteth-background.wide]
[page-header] [page-header]
[:div.ui.vertical.segment [:div.ui.vertical.segment
[:div.ui.container [:div.ui.container.page
[:div.ui.grid.stackable [:div.ui.grid.stackable
[:div {:class (str (if (show-top-hunters?) "ten" "sixteen") [:div {:class (str (if (show-top-hunters?) "ten" "sixteen")
" wide computer sixteen wide tablet column")} " wide computer sixteen wide tablet column")}

18
src/less/style.less
View File

@ -45,12 +45,21 @@
.commiteth-header { .commiteth-header {
background-color: #57a7ed!important;
border-radius: 0em; border-radius: 0em;
padding-top: 1.5em; padding-top: 1.5em;
padding-bottom: 2.5em; padding-bottom: 2.5em;
z-index: 1;
} }
.commiteth-background {
background-color: #57a7ed!important;
width: 100%;
height: 150px;
position: absolute;
top: 0;
left: 0;
z-index: -2;
}
.status-logo { .status-logo {
width: 42px; width: 42px;
@ -173,8 +182,7 @@
border-radius: 8px; border-radius: 8px;
border: none; border: none;
padding: .5em; padding: .5em;
z-index: 999; visibility: hidden;
transform: translate(100%, -100%);
.item>a { .item>a {
color: #fff; color: #fff;
pointer: default; pointer: default;
@ -430,6 +438,10 @@
} }
.ui.container.page {
z-index: -1;
position: relative;
}
.ui.cards>.card { .ui.cards>.card {
border: #e7e7e7 solid 0.1em; border: #e7e7e7 solid 0.1em;