1
0
Fork 0

Make barchart more interactive

This commit is contained in:
Gregory Eremin 2015-03-10 23:29:54 +07:00
parent 70c495f8d6
commit 5f8ace43ef
3 changed files with 13 additions and 8 deletions

View File

@ -36,7 +36,7 @@ section {
.menu .nav a:before { .menu .nav a:before {
display: block; display: block;
float: left; float: left;
width: 3px; width: 5px;
height: 32px; height: 32px;
border-radius: 3px; border-radius: 3px;
background-color: #f39d41; background-color: #f39d41;

View File

@ -7,6 +7,9 @@
.barchart g { .barchart g {
cursor: pointer; cursor: pointer;
} }
.barchart g:hover .bar {
opacity: .8;
}
.barchart .label { .barchart .label {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px; font-size: 16px;
@ -19,23 +22,25 @@
width: 100%; width: 100%;
} }
.filters .item { .filters .item {
margin: 0; padding: 0; margin: 0;
padding: 0;
float: left; float: left;
} }
.filters .item li { .filters .item li {
margin-right: 0.3em; margin-right: 10px;
} }
.filters .sort li { .filters .sort li {
margin-left: 0.3em; margin-left: 10px;
} }
.filters .sort { .filters .sort {
margin: 0; padding: 0; margin: 0;
padding: 0;
float: right; float: right;
} }
.filters li { .filters li {
display: inline-block; display: inline-block;
font-size: 1.2em; font-size: 18px;
line-height: 2em; line-height: 32px;
font-weight: 300; font-weight: 300;
color: #aaa; color: #aaa;
cursor: pointer; cursor: pointer;

View File

@ -1,7 +1,7 @@
.logo-button { .logo-button {
display: inline-block; display: inline-block;
width: auto; width: auto;
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .6); box-shadow: 0 1px 0 0 rgba(0, 0, 0, .6);
border-radius: 5px; border-radius: 5px;
} }