kylefang/angular.js
1
0
Fork 0
mirror of https://github.com/zhigang1992/angular.js.git synced 2026-05-22 19:19:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(app): fix styling of left sidenav, add FontAwesome

Browse Source 
Since the structure was a little different than the prototype,
classes/styles where not applied correctly to the links in the left
sidenav. This commit fixes the issue.

I also added FontAwesome, in order to be able to display icons until the
Material Design icon-font is released. Since this is a temporary meassure,
I didn't added as a bower dependency; just added a `font-awesome` folder
in assets and added `font-awesome/css/font-awesome.css` to the stylesheets
of each deployment (under `docs/config/services/deployments/`.
This commit is contained in:
Georgios Kalpakas
2014-12-07 11:59:38 +02:00
committed by Caitlin Potter
parent 68d490ee86
commit 1ce45472eb
14 changed files with 2255 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
docs/app/assets/css/docs.css
View File

@@ -1,3 +1,22 @@
md-sidenav.md-locked-open[flex="20"] {
width: 20%;
}
md-sidenav.md-locked-open[flex="25"] {
width: 25%;
}
md-sidenav.md-locked-open[flex="33"] {
width: 33%;
}
md-toolbar .md-button.toolbar-btn {
border-radius: 0;
border-right: 1px solid;
margin: 2px 0;
padding: 10px 15px;
}
.back-to-top {
bottom: 10px;
display: inline-block;
@@ -35,7 +54,7 @@
}
.md-tile-left .fa {
border: 1px solid Red;
border: 1px solid #f44336;
border-radius: 30px;
padding: 16px;
}
@@ -77,13 +96,6 @@
padding: 0;
}
.toolbar-btn {
border-radius: 0 !important;
border-right: 1px solid;
margin: 2px 0;
padding: 10px 15px;
}
.toolbar-fab {
position: absolute;
right: 15px;
@@ -105,18 +117,6 @@
transform: translate3d(-100%, 0, 0);
}
#sidenav-search.md-locked-open[flex="20"] {
width: 20%;
}
#sidenav-search.md-locked-open[flex="25"] {
width: 25%;
}
#sidenav-search.md-locked-open[flex="33"] {
width: 33%;
}
#sidenav-toc {
overflow-x: hidden;
}
@@ -127,18 +127,6 @@
top: 64px;
}
#sidenav-toc.md-locked-open[flex="20"] {
width: 20%;
}
#sidenav-toc.md-locked-open[flex="25"] {
width: 25%;
}
#sidenav-toc.md-locked-open[flex="33"] {
width: 33%;
}
#sidenav-toc a:not(.md-primary) {
color: Black;
color: rgba(0, 0, 0, 1.0);
@@ -159,6 +147,7 @@
}
#sidenav-toc .md-primary {
background-color: rgb(235, 235, 235);
background-color: rgba(158, 158, 158, 0.2);
border-radius: 0;
border-style: solid;