Removed guidelines title, it looks better without.

This commit is contained in:
flash 2018-09-27 22:02:24 +02:00
parent 012171635e
commit 773bccd009
2 changed files with 24 additions and 33 deletions

View file

@ -1,13 +1,10 @@
.profile__guidelines { .profile__guidelines {
display: flex;
flex-wrap: auto;
justify-content: space-evenly;
padding: 2px;
margin-bottom: 2px; margin-bottom: 2px;
&__content {
display: flex;
flex-wrap: auto;
justify-content: space-evenly;
padding: 2px;
}
&__section { &__section {
width: 100%; width: 100%;
list-style: none; list-style: none;

View file

@ -73,36 +73,30 @@
{% if is_editing %} {% if is_editing %}
<div class="container container--new profile__guidelines"> <div class="container container--new profile__guidelines">
<div class="container__title"> <ul class="profile__guidelines__section">
Guidelines <li class="profile__guidelines__line profile__guidelines__line--header">General</li>
</div> <li class="profile__guidelines__line">Keep things sane and generally suitable for all ages.</li>
<li class="profile__guidelines__line">Make sure to adhere to the <a href="/info.php/rules" class="profile__guidelines__link">rules</a>.</li>
</ul>
<div class="profile__guidelines__content"> {% if perms.edit_avatar %}
<ul class="profile__guidelines__section"> <ul class="profile__guidelines__section">
<li class="profile__guidelines__line profile__guidelines__line--header">General</li> <li class="profile__guidelines__line profile__guidelines__line--header">Avatar</li>
<li class="profile__guidelines__line">Keep things sane and generally suitable for all ages.</li> <li class="profile__guidelines__line">May not exceed the <span class="profile__guidelines__emphasis">{{ guidelines.avatar.max_size|byte_symbol(true) }}</span> file size limit.</li>
<li class="profile__guidelines__line">Make sure to adhere to the <a href="/info.php/rules" class="profile__guidelines__link">rules</a>.</li> <li class="profile__guidelines__line">May not be larger than <span class="profile__guidelines__emphasis">{{ guidelines.avatar.max_width }}x{{ guidelines.avatar.max_height }}</span>.</li>
<li class="profile__guidelines__line">Will be centre cropped and scaled to <span class="profile__guidelines__emphasis">200x200</span>.</li>
<li class="profile__guidelines__line">Animated gif images are allowed.</li>
</ul> </ul>
{% endif %}
{% if perms.edit_avatar %} {% if perms.edit_background %}
<ul class="profile__guidelines__section"> <ul class="profile__guidelines__section">
<li class="profile__guidelines__line profile__guidelines__line--header">Avatar</li> <li class="profile__guidelines__line profile__guidelines__line--header">Background</li>
<li class="profile__guidelines__line">May not exceed the <span class="profile__guidelines__emphasis">{{ guidelines.avatar.max_size|byte_symbol(true) }}</span> file size limit.</li> <li class="profile__guidelines__line">May not exceed the <span class="profile__guidelines__emphasis">{{ guidelines.background.max_size|byte_symbol(true) }}</span> file size limit.</li>
<li class="profile__guidelines__line">May not be larger than <span class="profile__guidelines__emphasis">{{ guidelines.avatar.max_width }}x{{ guidelines.avatar.max_height }}</span>.</li> <li class="profile__guidelines__line">May not be larger than <span class="profile__guidelines__emphasis">{{ guidelines.background.max_width }}x{{ guidelines.background.max_height }}</span>.</li>
<li class="profile__guidelines__line">Will be centre cropped and scaled to <span class="profile__guidelines__emphasis">200x200</span>.</li> <li class="profile__guidelines__line">Gif images, in general, are only allowed when tiling.</li>
<li class="profile__guidelines__line">Animated gif images are allowed.</li> </ul>
</ul> {% endif %}
{% endif %}
{% if perms.edit_background %}
<ul class="profile__guidelines__section">
<li class="profile__guidelines__line profile__guidelines__line--header">Background</li>
<li class="profile__guidelines__line">May not exceed the <span class="profile__guidelines__emphasis">{{ guidelines.background.max_size|byte_symbol(true) }}</span> file size limit.</li>
<li class="profile__guidelines__line">May not be larger than <span class="profile__guidelines__emphasis">{{ guidelines.background.max_width }}x{{ guidelines.background.max_height }}</span>.</li>
<li class="profile__guidelines__line">Gif images, in general, are only allowed when tiling.</li>
</ul>
{% endif %}
</div>
</div> </div>
{% else %} {% else %}
<div class="warning"> <div class="warning">