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; margin-bottom:30px;
} }
.contributors div{
zoom:1;
display:inline;
}
.contributors span{
width:16px;
height:16px;
}
.foundation{ .foundation{
width:500px; width:500px;
} }

View file

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

View file

@ -972,17 +972,28 @@ table td,table th{
.contributors{ .contributors{
width:890px; width:890px;
text-align:left; text-align:left;
}
.contributors span a{
font-size:80%; font-size:80%;
} }
.contributors span{ .contributors img{
width:16px;
height:16px;
}
.contributors div{
padding:8px 0; padding:8px 0;
width:170px; width:170px;
overflow:hidden; overflow:hidden;
display:inline-block; display:inline-block;
vertical-align:top; 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{ .resources{
text-align:left; text-align:left;

View file

@ -74,10 +74,13 @@ id: development
<section id="contributors"> <section id="contributors">
<h2>{% translate contributors %}</h2> <h2>{% translate contributors %}</h2>
<p>{% translate contributorsorder %}</p> <p>{% translate contributorsorder %}</p>
<div class="contributors">{% for c in site.contributors %} <div class="contributors">
<span> {% for c in site.contributors %}
{% 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 %} <div>
{% 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 %} <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>
</span>{% endfor %} <div><a{% if c.login %} href="https://github.com/{{c.login}}"{% endif %}>{{ c.name | htmlescape }}</a></div>
<div>({{ c.contributions }})</div>
</div>
{% endfor %}
</div> </div>
</section> </section>