1
0
Fork 0

Made menu cleaner

This commit is contained in:
Gregory Eremin 2015-03-16 15:33:33 +07:00
parent 425d0ed68f
commit ad20021e61
3 changed files with 47 additions and 53 deletions

View File

@ -5,6 +5,7 @@
<title>Empact</title>
<link rel="stylesheet" href="/bower_components/normalize.css/normalize.css">
<link rel="stylesheet" href="/styles/logo.css">
<link rel="stylesheet" href="/styles/menu.css">
<link rel="stylesheet" href="/styles/app.css">
<link rel="stylesheet" href="/styles/charts.css">
</head>

View File

@ -6,59 +6,6 @@
width: 100%;
}
.menu {
float: left;
width: 200px;
margin: 20px;
}
.menu ul {
margin: 0;
padding: 0;
}
.menu li {
display: block;
cursor: pointer;
}
.nav {
margin-bottom: 5px;
}
.nav.empact {
font-weight: 600;
}
.nav.header {
color: #aaa;
cursor: default;
margin-top: 20px;
}
.menu .nav a:before {
display: block;
float: left;
width: 5px;
height: 32px;
border-radius: 3px;
background-color: #f39d41;
content: '';
margin-right: 10px;
}
.menu .nav a {
display: inline-block;
line-height: 32px;
width: 100%;
color: #222;
text-decoration: underline;
border-radius: 3px;
width: 200px;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.menu .nav a:hover {
background-color: #fcf1eb;
}
.menu .nav a.active {
background-color: #f9d4be;
}
.content {
float: left;
width: calc(100% - 240px);

46
app/styles/menu.css Normal file
View File

@ -0,0 +1,46 @@
.menu {
float: left;
width: 200px;
margin: 20px;
}
.menu ul {
margin: 0;
padding: 0;
}
.menu li {
display: block;
cursor: pointer;
}
.menu .nav {
margin-bottom: 5px;
}
.menu .nav.empact {
font-weight: 600;
}
.menu .nav.header {
color: #444;
font-weight: 600;
cursor: default;
margin-top: 20px;
margin-bottom: 10px;
}
.menu .nav a {
display: inline-block;
line-height: 21px;
width: 100%;
color: #000;
text-decoration: none;
width: auto;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: #fff 1px solid;
font-weight: 300;
}
.menu .nav a.active {
font-weight: 400;
color: #000;
border-bottom: #000 1px solid;
}