Added GitHub star button next to logo

This commit is contained in:
Lennart Ziburski 2018-02-21 18:10:35 +01:00
parent f294d39ed4
commit e5bcbcc545
3 changed files with 18 additions and 9 deletions

View File

@ -24,5 +24,6 @@ debug: false // Set debug to true if you want to inspect the dropdown
{{- if eq .Title "Widgets" -}} <!-- Check if is widgets page, if so, add the widget cloud js script -->
<script src="/widgets.js"></script>
{{- end -}}
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>

View File

@ -27,8 +27,10 @@
{{ end }}
<header id="header" {{ if or (eq .Section "docs") (eq .Title "Docs") }}class="docs"{{ end }}>
<div class="contained">
<a href="/" class="logo"><img src="/img/netlify-cms-logo.svg"/></a>
<a class="nav-link docs-link" href="/docs">Docs</a>
<div class="logo-container">
<a href="/" class="logo"><img src="/img/netlify-cms-logo.svg"/></a>
<a class="github-button" href="https://github.com/netlify/netlify-cms" data-icon="octicon-star" data-show-count="true" aria-label="Star netlify/netlify-cms on GitHub">Star</a>
</div>
<a class="nav-link contributing-link" href="/docs/contributor-guide">Contributing</a>
<a class="nav-link" href="/community">Community</a>
<a class="utility-input">

View File

@ -213,17 +213,23 @@ header {
}
}
.logo {
display: block;
margin: 0 auto $tiny auto;
width: 100%;
.logo-container {
@media screen and (min-width: $tablet) {
margin-top: 10px;
float: left;
margin: -4px 0 -6px 0;
width: initial;
}
.logo {
display: block;
margin: 0 auto $tiny auto;
width: 100%;
@media screen and (min-width: $tablet) {
margin: -14px 20px -6px 0;
width: initial;
float: left;
}
}
}
.cta-header {
margin-left: $micro;
}