fix(aio): about page

Header now visible fully when card if flipped to back info

Contributor website links fixed
This commit is contained in:
Stefanie Fluin 2017-04-17 10:42:48 -07:00 committed by Tobias Bosch
parent f5d0fac800
commit 7dfa0b9da9
3 changed files with 21 additions and 8 deletions

View File

@ -66,12 +66,6 @@
<div><img src="assets/images/home/loved-by-millions.png"></div> <div><img src="assets/images/home/loved-by-millions.png"></div>
</div> </div>
</div> </div>
<<<<<<< HEAD
<div class="cta-bar"><a href="guide/quickstart" md-button="md-button"
class="button button-large button-shield mat-raised mat-primary">Get
Started</a></div>
=======
<div class="cta-bar"><a href="/guide/quickstart" md-button="md-button" class="button button-large button-shield mat-raised mat-primary">Get Started</a></div> <div class="cta-bar"><a href="/guide/quickstart" md-button="md-button" class="button button-large button-shield mat-raised mat-primary">Get Started</a></div>
>>>>>>> feat(aio): about page styles
</div> </div>
</article> </article>

View File

@ -94,7 +94,7 @@ function getTestContribs() {
"name": "Igor Minar", "name": "Igor Minar",
"picture": "igor-minar.jpg", "picture": "igor-minar.jpg",
"twitter": "IgorMinar", "twitter": "IgorMinar",
"website": "https://Angular.com/+IgorMinar", "website": "https://google.com/+IgorMinar",
"bio": "Igor is a software engineer at Angular.", "bio": "Igor is a software engineer at Angular.",
"group": "Angular" "group": "Angular"
}, },
@ -118,7 +118,7 @@ function getTestContribs() {
"name": "Naomi Black", "name": "Naomi Black",
"picture": "naomi.jpg", "picture": "naomi.jpg",
"twitter": "naomitraveller", "twitter": "naomitraveller",
"website": "http://Angular.com/+NaomiBlack", "website": "http://google.com/+NaomiBlack",
"bio": "Naomi is Angular's TPM generalist and jack-of-all-trades.", "bio": "Naomi is Angular's TPM generalist and jack-of-all-trades.",
"group": "Angular" "group": "Angular"
} }

View File

@ -94,6 +94,7 @@ aio-contributor {
text-align: center; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-sizing: border-box;
} }
.card-front { .card-front {
@ -101,8 +102,26 @@ aio-contributor {
} }
.card-back { .card-back {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 16px; padding: 16px;
transform:rotateY(180deg); transform:rotateY(180deg);
h3 {
overflow: auto;
padding: 8px;
margin: 0;
}
p {
margin: 8px 0;
font-size: 12px;
line-height: 14px;
text-align: left;
}
} }
&.flipped { &.flipped {