1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-01 20:19:13 +02:00

[ticket/11957] Change avatars gallery from table to list

PHPBB3-11957
This commit is contained in:
Vjacheslav Trushkin 2013-10-26 10:12:12 +03:00
parent 365d07ff6c
commit 10f0c8b333
2 changed files with 37 additions and 12 deletions

View File

@ -8,18 +8,14 @@
</select>&nbsp;<input type="submit" value="{L_GO}" name="avatar_local_go" class="button2" /></dd>
</dl>
<!-- IF AVATAR_LOCAL_SHOW -->
<table>
<ul id="gallery">
<!-- BEGIN avatar_local_row -->
<tr>
<!-- BEGIN avatar_local_col -->
<td class="row1" style="text-align: center;"><img src="{avatar_local_row.avatar_local_col.AVATAR_IMAGE}" alt="{avatar_local_row.avatar_local_col.AVATAR_NAME}" title="{avatar_local_row.avatar_local_col.AVATAR_NAME}"/></td>
<!-- END avatar_local_col -->
</tr>
<tr>
<!-- BEGIN avatar_local_option -->
<td class="row2" style="text-align: center;"><input type="radio" name="avatar_local_file" id="av-{avatar_local_row.S_ROW_COUNT}-{avatar_local_row.avatar_local_option.S_ROW_COUNT}" value="{avatar_local_row.avatar_local_option.AVATAR_FILE}" /></td>
<!-- END avatar_local_option -->
</tr>
<!-- BEGIN avatar_local_col -->
<li>
<label for="av-{avatar_local_row.S_ROW_COUNT}-{avatar_local_row.avatar_local_col.S_ROW_COUNT}"><img src="{avatar_local_row.avatar_local_col.AVATAR_IMAGE}" alt="" /><br />
<input type="radio" name="avatar_local_file" id="av-{avatar_local_row.S_ROW_COUNT}-{avatar_local_row.avatar_local_col.S_ROW_COUNT}" value="{avatar_local_row.avatar_local_col.AVATAR_FILE}" /></label>
</li>
<!-- END avatar_local_col -->
<!-- END avatar_local_row -->
</table>
</ul>
<!-- ENDIF -->

View File

@ -1956,6 +1956,35 @@ fieldset.permissions .padding {
padding: 0;
}
/* Avatars gallery
---------------------------------------- */
#gallery {
display: block;
margin: 0 -5px;
padding: 0;
overflow: hidden;
}
#gallery li {
display: block;
float: left;
border: 1px solid #ccc;
border-radius: 2px;
background: #fff;
padding: 5px;
margin: 5px;
}
#gallery li:hover {
background-color: #eee;
}
#gallery li label {
display: block;
text-align: center;
padding: 0;
}
/* Classes for additional tasks
---------------------------------------- */