[ticket/11552] Responsive user profile

PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin 2013-10-19 12:39:13 +03:00
parent 9f0b0d9017
commit 74eb7012a3
3 changed files with 29 additions and 1 deletions

View file

@ -14,7 +14,7 @@
</dl>
<!-- ENDIF -->
<dl class="left-box details" style="width: 80%;">
<dl class="left-box details profile-details">
<dt>{L_USERNAME}{L_COLON}</dt>
<dd>
<!-- IF USER_COLOR --><span style="color: {USER_COLOR}; font-weight: bold;"><!-- ELSE --><span><!-- ENDIF -->{USERNAME}</span>

View file

@ -558,6 +558,10 @@ table.info tbody th {
text-align: left;
}
.left-box.profile-details {
width: 80%;
}
.right-box {
float: right;
width: auto;

View file

@ -347,6 +347,26 @@ textarea, dd textarea, #message-box textarea {
display: inline-block !important;
}
/* User profile
----------------------------------------*/
.column1, .column2, .left-box.profile-details {
float: none;
width: auto;
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
{
dl.details dt, dl.details dd {
width: auto;
float: none;
text-align: left;
}
dl.details dd {
margin-left: 20px;
}
}
/* Misc stuff
----------------------------------------*/
h2 {
@ -389,6 +409,10 @@ p.rightside {
text-align: center;
}
.topic-actions > .pagination {
padding-bottom: 1px;
}
.topic-actions > div.search-box, p.jumpbox-return {
display: none;
}