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 "graph.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%;
background: black;
display: block;
position: relative;
float: left;
width: 30px;
height: 30px;
padding: 4px;
margin: 7px 6px 3px 9px;
.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 {
width: 30px;
position: absolute;
opacity: 1;
transition: opacity .25s ease-in-out;
}
&:hover {
.fa {
display: block;
width: 30px;
height: 30px;
color: @textColor;
opacity: .7;
position: relative;
left: 6px;
top: 4px;
font-size: 150%;
}
img {
display: none;
opacity: 0;
}
}
}