annoying red dot tweaks

This commit is contained in:
Matthias Kretschmann 2018-04-10 15:07:43 +02:00
parent ac6a4a18cb
commit e0fc4c40c9
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 3 additions and 9 deletions

View File

@ -13,9 +13,11 @@ document.addEventListener('DOMContentLoaded', function() {
const repo = repos[0]
const stars = repo.stars
const release = repo.release
const releaseUrl = repo.release_url
document.getElementById('stars').innerText = stars
document.getElementById('stars').style.opacity = 1
document.getElementById('release-link').href = releaseUrl
document.getElementById('release').innerText = release
document.getElementById('release').style.opacity = 1
}

View File

@ -144,14 +144,6 @@ $menu-height-md: 90px;
}
}
&:visited {
.release:after {
// make it appear hidden by changing background-color
// cause modifiying display is not allowed for :visited
background-color: rgb(15, 40, 56);
}
}
.icon {
transform: translateY(1px);
}

View File

@ -12,7 +12,7 @@
<aside class="hero__community">
<div class="row row--wide">
<a class="btn btn-text btn-sm" href="{{ site.social.github.url }}/{{ site.social.github.repo }}/releases/latest" rel="external"><span class="hero__community__label">Latest release</span> <strong class="release" id="release"></strong></a>
<a class="btn btn-text btn-sm" id="release-link" href="{{ site.social.github.url }}/{{ site.social.github.repo }}/releases/latest" rel="external"><span class="hero__community__label">Latest release</span> <strong class="release" id="release"></strong></a>
<a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.github.url }}/{{ site.social.github.repo }}" title="Star {{ site.social.github.org }}/{{ site.social.github.repo }} on GitHub">
<svg class="icon icon--social icon--github" aria-labelledby="title">