IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

added fade transition for logo icon to hamburger

Browse Source
This commit is contained in:
Torkel Ödegaard 2015-02-04 07:01:03 +01:00
parent 613e209af3
commit a28e4de3bd
3 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/less/grafana.less
View File

@ -1,4 +1,4 @@
@import "p_pro.less"; @import "login.less";
@import "submenu.less"; @import "submenu.less";
@import "graph.less"; @import "graph.less";
@import "bootstrap-tagsinput.less"; @import "bootstrap-tagsinput.less";

0
src/css/less/p_pro.less → src/css/less/login.less
View File

26
src/css/less/navbar.less
View File

@ -22,29 +22,35 @@
border-radius: 50%; border-radius: 50%;
background: black; background: black;
display: block; display: block;
position: relative;
float: left; float: left;
width: 30px;
height: 30px;
padding: 4px; padding: 4px;
margin: 7px 6px 3px 9px; margin: 7px 6px 3px 9px;
.fa { .fa {
display: none; color: @textColor;
width: 30px;
height: 30px;
left: 10px;
top: 8px;
font-size: 150%;
opacity: 0;
position: absolute;
transition: opacity .25s ease-in-out;
} }
img { img {
width: 30px; width: 30px;
position: absolute;
opacity: 1;
transition: opacity .25s ease-in-out;
} }
&:hover { &:hover {
.fa { .fa {
display: block;
width: 30px;
height: 30px;
color: @textColor;
opacity: .7; opacity: .7;
position: relative;
left: 6px;
top: 4px;
font-size: 150%;
} }
img { img {
display: none; opacity: 0;
} }
} }
} }