Make the activity log more pleasant

This commit is contained in:
Kevin van Zonneveld 2016-06-21 14:15:20 +02:00
parent be3ca43dff
commit dba28c0e8e
2 changed files with 20 additions and 8 deletions

View File

@ -33,7 +33,13 @@
{{content}} {{content}}
<h2 id="activity-feed">Activity Feed</h2> <h2 id="activity-feed">On GitHub</h2>
<p>
BASH3 Boilerplate is a friendly group of folks further developing our
re-usable templates as we go.
We'd love to hear what you think <a href="https://github.com/kvz/bash3boilerplate">on GitHub</a>.
Here's what's been going on recently.
</p>
<div class="on-the-githubs" data-event-source="repos/kvz/bash3boilerplate">Loading...</div> <div class="on-the-githubs" data-event-source="repos/kvz/bash3boilerplate">Loading...</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//kvz.github.io/on-the-githubs/js/jquery.on-the-githubs.min.js"></script> <script src="//kvz.github.io/on-the-githubs/js/jquery.on-the-githubs.min.js"></script>

View File

@ -300,7 +300,8 @@ hr {
.on-the-githubs > li { .on-the-githubs > li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 5px 0; padding: 0;
/*height: 26px;*/
position: relative; position: relative;
border-bottom: 1px solid rgba(gainsboro, 0.3); border-bottom: 1px solid rgba(gainsboro, 0.3);
margin-bottom: 10px; margin-bottom: 10px;
@ -313,26 +314,31 @@ hr {
.on-the-githubs > li p { .on-the-githubs > li p {
font-size: 15px; font-size: 15px;
margin: 0; line-height: 16px;
margin: 0 2px;
padding: 0; padding: 0;
display: inline-block; display: inline-block;
float: left; float: left;
max-width: 550px; overflow: hidden;
max-width: 80%;
} }
.on-the-githubs > li abbr { .on-the-githubs > li abbr {
font-size: 12px;
line-height: 16px;
position: absolute; position: absolute;
right: 0; right: 0;
float: left; float: left;
text-align: right; text-align: right;
/*display: none*/
} }
.on-the-githubs > li a { .on-the-githubs > li a {
font-weight: normal; font-weight: normal;
text-decoration: underline; /*text-decoration: underline;*/
} }
.on-the-githubs > li img { .on-the-githubs > li img {
float: left; float: left;
margin: 0 5px 0 0; margin: 0 2px 0 0;
border-radius: 10px; border-radius: 10px;
width: 20px; width: 18px;
height: 20px; height: 18px;
} }