Make stargazers and forks stick to bottom of repo cards

This commit is contained in:
Ullaakut 2019-02-23 06:08:47 +01:00
parent 7b775d501c
commit b668a32742
No known key found for this signature in database
GPG key ID: F207AC2012D392B2
2 changed files with 15 additions and 3 deletions

View file

@ -1,4 +1,4 @@
<div class="github-component height-full text-left {% if site.style == 'dark' %}box-shadow{% else %}border border-gray-light{% endif %} bg-white rounded-1 p-3">
<div class="github-component height-full text-left {% if site.style == 'dark' %}box-shadow{% else %}border border-gray-light{% endif %} bg-white rounded-1 p-3 relative">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="{{ repository.html_url }}">
@ -8,8 +8,8 @@
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">{{ repository.description }}</div>
<div class="d-flex f6">
<div class="text-gray mb-4 ws-normal">{{ repository.description }}</div>
<div class="d-flex f6 absolute bottom">
{% if repository.stargazers_count %}
<a href="" class="d-inline-block link-gray mr-4">
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>{{ repository.stargazers_count }}

View file

@ -10,3 +10,15 @@ body {
.github-component {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.bottom {
bottom: 10px;
}