cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(aio): fix button alignment and jump

Browse Source 
- Fix alignment on get started button on home page
- Remove jump by removing arrow from learn more button on home page
This commit is contained in:
Stefanie Fluin 2017-06-06 10:20:40 -07:00 committed by Pete Bacon Darwin
parent b00b80a45b
commit 078a4b00a7
2 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/content/marketing/index.html
View File

@ -35,7 +35,7 @@
<img src="assets/images/logos/angular/angular-banner-logo-grey.png" width="64"/> <img src="assets/images/logos/angular/angular-banner-logo-grey.png" width="64"/>
<p>Angular v4.0 is out! Smaller, faster, no biggie...</p> <p>Angular v4.0 is out! Smaller, faster, no biggie...</p>
<button class="button"> <button class="button">
<a href="http://angularjs.blogspot.com/2017/03/angular-400-now-available.html" target="_blank">Learn More</a><span class="material-icons">arrow_forward</span> <a href="http://angularjs.blogspot.com/2017/03/angular-400-now-available.html" target="_blank">Learn More</a>
</button> </button>
</div> </div>
</div> </div>

15
aio/src/styles/1-layouts/_marketing-layout.scss
View File

@ -57,7 +57,7 @@ section#intro {
button { button {
margin: 0; margin: 0;
display: inline-block; height: 60px;
} }
} }
@ -146,16 +146,10 @@ section#intro {
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
height: 30px; height: 40px;
justify-content: center; justify-content: center;
&:hover { &:hover {
.material-icons {
display: inline-block;
color: $white;
opacity: 0.7;
}
a { a {
color: $white; color: $white;
opacity: 0.7; opacity: 0.7;
@ -247,7 +241,8 @@ section#intro {
button.hero-cta { button.hero-cta {
border-radius: 48px; border-radius: 48px;
display: block; display: flex;
height: 40px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
cursor: pointer; cursor: pointer;
@ -280,7 +275,7 @@ aio-shell {
padding: 32px; padding: 32px;
@media (max-width: 800px) { @media (max-width: 800px) {
padding: auto; padding: 24px;
} }
} }
} }