fix(aio): about page
Header now visible fully when card if flipped to back info Contributor website links fixed
This commit is contained in:
parent
f5d0fac800
commit
7dfa0b9da9
|
@ -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>
|
||||||
|
|
|
@ -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"
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue