iSharkFly-Docs/angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2075 from jackmu95/fix-styleguide-trigger-positioning

Browse Source 
fix(footer): Improve styleguide trigger positioning
This commit is contained in:
Alex Wolfe 2016-09-23 11:09:17 -07:00 committed by GitHub
commit 4bb79953be
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/_includes/_footer.jade
View File

@ -52,6 +52,6 @@ else
li <a href="https://angular.cn/">中文版</a> li <a href="https://angular.cn/">中文版</a>
footer(class="background-midnight") footer(class="background-midnight")
small.text-caption Powered by Google ©2010-2016. Code licensed under an <a href="/license" class="text-snow">MIT-style License</a>. Documentation licensed under <a class="text-snow" href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>. small.text-caption Powered by Google ©2010-2016. Code licensed under an <a href="/license">MIT-style License</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger text-snow") a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger")
span.icon-favorite span.icon-favorite

38
public/resources/css/module/_footer.scss
View File

@ -80,30 +80,34 @@
footer { footer {
text-align: left; text-align: left;
padding: ($unit * 2) ($unit * 6); padding: ($unit * 2) ($unit * 6);
position: relative;
@include respond-to('mobile') {
text-align: center;
}
a {
color: $snow;
}
.styleguide-trigger { .styleguide-trigger {
box-sizing: border-box; color: $darkgrey;
position: absolute; text-decoration: none;
display: inline-block; float: right;
bottom: $unit * 2; transition: color .3s;
right: $unit * 2;
font-size: 14px; @include respond-to('mobile') {
line-height: 24px; display: block;
height: 24px; margin-top: $unit;
margin: 0; font-size: 18px;
padding: 0 ($unit * 3); float: none;
opacity: .24; }
transition: all .3s;
&:hover { &:hover {
background: $blue-grey-700; color: $red-600;
text-decoration: none;
} }
.icon-favorite { .icon-favorite {
display: inline-block; line-height: 20px;
line-height: 24px;
} }
} }
} }