fix(aio): api list container centered
This commit is contained in:
parent
8b31178647
commit
c2fca3d9e0
aio/src
|
@ -28,7 +28,7 @@
|
||||||
</div>
|
</div>
|
||||||
</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" >
|
<div *ngFor="let section of filteredSections | async" >
|
||||||
<h2>{{section.title}}</h2>
|
<h2>{{section.title}}</h2>
|
||||||
<ul class="api-list">
|
<ul class="api-list">
|
||||||
|
|
|
@ -14,6 +14,12 @@ aio-api-list {
|
||||||
border: 1px solid rgba($lightgray, 0.5);
|
border: 1px solid rgba($lightgray, 0.5);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.api-list-container {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
aio-api-list > div {
|
aio-api-list > div {
|
||||||
|
@ -318,6 +324,8 @@ $api-symbols: (
|
||||||
padding: 0 16px 0 0;
|
padding: 0 16px 0 0;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: all .3s;
|
transition: all .3s;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $blue-grey-50;
|
background: $blue-grey-50;
|
||||||
|
|
Loading…
Reference in New Issue