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

fix(footer): Improve styleguide trigger positioning

This commit is contained in:
Jacob Müller 2016-08-10 08:42:53 +02:00
parent 16731979a0
commit 47b6dc2287
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/_includes/_footer.jade
View File

@ -53,5 +53,5 @@ else
footer(class="background-steel") footer(class="background-steel")
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" 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>.
a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger text-snow" md-button) a(aria-label="View Style Guide" href=styleguide title="Style Guide" class="styleguide-trigger text-snow")
span.icon-favorite span.icon-favorite

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

@ -92,13 +92,17 @@
position: relative; position: relative;
.styleguide-trigger { .styleguide-trigger {
position: absolute;
top: $unit * 2;
right: $unit * 2;
font-size: 14px;
line-height: 20px;
padding: 0px $unit;
opacity: .24; opacity: .24;
float: right;
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) {
display: block;
margin-top: 8px;
font-size: 18px;
float: none;
}
} }
} }
} }