google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move text in components nav bar (fixes #636)

master
Alexander Surma 2015-07-03 16:04:11 +01:00 committed by Addy Osmani
parent a0d2818993
commit f1dbb19f48
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
docs/_assets/components.css
View File

@ -150,21 +150,34 @@ mdl-components-dd {
display: block;
flex-wrap: nowrap;
width: 100%;
height: 80px;
height: 110px;
overflow-x: auto;
overflow-y: hidden;
padding: 8px 0;
padding: 8px;
z-index: 100;
white-space: nowrap;
}
.mdl-components__nav .mdl-components__link {
display: inline-block;
vertical-align: top;
height: 100%;
margin: 0;
width: auto;
min-width: 48px;
margin-right: 8px;
padding-left: 64px;
padding-left: 0px;
}
.mdl-components__nav .mdl-components__link > *{
display: block;
width: auto;
margin: 0 auto;
text-align: center;
}
.mdl-components__nav .mdl-components__link > .mdl-components__link-image {
position: static;
width: 48px;
}
.content {

2
docs/_templates/components.html vendored
View File

@ -13,7 +13,7 @@
<a href="#{{ category.name }}-section" class="mdl-components__link mdl-component {{ category.name }}">
<div class="mdl-components__link-image"
style="background-image: url('{{page.include_prefix}}assets/comp_{{ category.name }}.png')">
</div>&nbsp;
</div>
<span class="mdl-components__link-text">{{ category.title }}</span>
</a>
{%- endfor %}