Fix inconsistent margins and line breaks in contributors list

This commit is contained in:
Saivann 2014-06-14 21:05:56 -04:00
parent 5f2d32d134
commit bec898f641
4 changed files with 32 additions and 9 deletions

View file

@ -260,6 +260,15 @@ body{
margin-bottom:30px;
}
.contributors div{
zoom:1;
display:inline;
}
.contributors span{
width:16px;
height:16px;
}
.foundation{
width:500px;
}

View file

@ -77,7 +77,7 @@ h2 .rssicon{
.contributors{
text-align:right;
}
.contributors span{
.contributors div{
direction:ltr;
}
.downloadbox div{

View file

@ -972,17 +972,28 @@ table td,table th{
.contributors{
width:890px;
text-align:left;
}
.contributors span a{
font-size:80%;
}
.contributors span{
.contributors img{
width:16px;
height:16px;
}
.contributors div{
padding:8px 0;
width:170px;
overflow:hidden;
display:inline-block;
vertical-align:top;
}
.contributors div div{
width:auto;
padding:0;
}
.contributors div div:first-child+div{
max-width:100px;
margin:0 2px;
white-space:nowrap;
}
.resources{
text-align:left;

View file

@ -74,10 +74,13 @@ id: development
<section id="contributors">
<h2>{% translate contributors %}</h2>
<p>{% translate contributorsorder %}</p>
<div class="contributors">{% for c in site.contributors %}
<span>
{% if c.gravatar_id %}<img class="icon" height="16" width="16" src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&amp;d=mm" alt="icon" />{% else %}<img class="icon" height="16" width="16" alt="icon" />{% endif %}
{% if c.login %}<a href="https://github.com/{{c.login}}">{{ c.name | htmlescape }} ({{ c.contributions }})</a>{% else %}<a>{{ c.name | htmlescape }} ({{ c.contributions }})</a>{% endif %}
</span>{% endfor %}
<div class="contributors">
{% for c in site.contributors %}
<div>
<div>{% if c.gravatar_id %}<img src="https://secure.gravatar.com/avatar/{{c.gravatar_id}}?s=140&amp;d=mm" alt="icon" />{% else %}<img alt="icon" />{% endif %}</div>
<div><a{% if c.login %} href="https://github.com/{{c.login}}"{% endif %}>{{ c.name | htmlescape }}</a></div>
<div>({{ c.contributions }})</div>
</div>
{% endfor %}
</div>
</section>