honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(aio): api list container centered

This commit is contained in:
Stefanie Fluin 2017-04-18 12:10:47 -07:00 committed by Pete Bacon Darwin
parent 8b31178647
commit c2fca3d9e0
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/src/app/embedded/api/api-list.component.html
View File

@ -28,7 +28,7 @@
</div>
</div>
<article class="l-content-small docs-content">
<article class="api-list-container l-content-small docs-content">
<div *ngFor="let section of filteredSections | async" >
<h2>{{section.title}}</h2>
<ul class="api-list">

8
aio/src/styles/2-modules/_api-list.scss
View File

@ -14,6 +14,12 @@ aio-api-list {
border: 1px solid rgba($lightgray, 0.5);
border-radius: 4px;
}
.api-list-container {
display: flex;
flex-direction: column;
margin: 0 auto;
}
}
aio-api-list > div {
@ -318,6 +324,8 @@ $api-symbols: (
padding: 0 16px 0 0;
text-decoration: none;
transition: all .3s;
overflow: hidden;
text-overflow: ellipsis;
&:hover {
background: $blue-grey-50;