[ticket/11552] Responsive post

PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin 2013-10-19 15:40:20 +03:00
parent 2e5f9ede41
commit ee8d7b536c
7 changed files with 65 additions and 34 deletions

View file

@ -122,8 +122,7 @@
<!-- ELSE -->
<dl class="postprofile">
<dt class="author">{L_POST_BY_AUTHOR} {searchresults.POST_AUTHOR_FULL}</dt>
<dd>{searchresults.POST_DATE}</dd>
<dd>&nbsp;</dd>
<dd class="search-result-date">{searchresults.POST_DATE}</dd>
<dd>{L_FORUM}{L_COLON} <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_TITLE}</a></dd>
<dd>{L_TOPIC}{L_COLON} <a href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></dd>
<dd>{L_REPLIES}{L_COLON} <strong>{searchresults.TOPIC_REPLIES}</strong></dd>

View file

@ -18,10 +18,10 @@
<div class="inner">
<dl class="postprofile" id="profile{MESSAGE_ID}">
<dt><!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}">{AUTHOR_AVATAR}</a><br /><!-- ENDIF -->{MESSAGE_AUTHOR_FULL}</dt>
<!-- IF RANK_TITLE --><dd>{RANK_TITLE}</dd><!-- ENDIF -->
<!-- IF RANK_IMG --><dd>{RANK_IMG}</dd><!-- ENDIF -->
<dd>&nbsp;</dd>
<dt class="<!-- IF RANK_TITLE or RANK_IMG -->has-profile-rank<!-- ELSE -->no-profile-rank<!-- ENDIF -->"><!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}" class="avatar">{AUTHOR_AVATAR}</a><!-- ENDIF -->{MESSAGE_AUTHOR_FULL}</dt>
<!-- IF RANK_TITLE or RANK_IMG --><dd class="profile-rank">{RANK_TITLE}<!-- IF RANK_TITLE and RANK_IMG --><br /><!-- ENDIF -->{RANK_IMG}</dd><!-- ENDIF -->
<dd><strong>{L_POSTS}{L_COLON}</strong> {AUTHOR_POSTS}</dd>
<!-- IF AUTHOR_JOINED --><dd><strong>{L_JOINED}{L_COLON}</strong> {AUTHOR_JOINED}</dd><!-- ENDIF -->
<!-- IF AUTHOR_FROM --><dd><strong>{L_LOCATION}{L_COLON}</strong> {AUTHOR_FROM}</dd><!-- ENDIF -->

View file

@ -117,16 +117,14 @@
<div class="inner">
<dl class="postprofile" id="profile{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>
<dt>
<dt class="<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG -->has-profile-rank<!-- ELSE -->no-profile-rank<!-- ENDIF -->">
<!-- IF postrow.POSTER_AVATAR -->
<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
</dt>
<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
<dd>&nbsp;</dd>
<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd class="profile-rank">{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}{L_COLON}</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
<!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}{L_COLON}</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->

View file

@ -392,11 +392,6 @@
margin-left: 0;
}
/* Post author */
.rtl p.author {
margin: 0 0 0.6em 15em;
}
.rtl .signature {
clear: right;
}
@ -484,9 +479,7 @@
/* Poster profile block
----------------------------------------*/
.rtl .postprofile {
border-left: none;
border-right-width: 1px;
border-right-style: solid;
border-width: 0 1px 0 0;
float: left;
/* text-align: right; */
}

View file

@ -627,21 +627,11 @@ fieldset.polls dd div {
----------------------------------------*/
.postprofile {
color: #666666;
border-left-color: #FFFFFF;
}
.rtl .postprofile {
border-right-color: #FFFFFF;
border-left-color: transparent;
border-color: #FFFFFF;
}
.pm .postprofile {
border-left-color: #DDDDDD;
}
.rtl .pm .postprofile {
border-right-color: #DDDDDD;
border-left-color: transparent;
border-color: #DDDDDD;
}
.postprofile strong {

View file

@ -378,7 +378,7 @@ dl.faq dt {
/* Post author */
p.author {
margin: 0 15em 0.6em 0;
margin-bottom: 0.6em;
padding: 0 0 5px 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
@ -680,7 +680,8 @@ fieldset.polls dd div {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
border-left: 1px solid transparent;
border: 1px solid transparent;
border-width: 0 0 0 1px;
width: 22%;
float: right;
display: inline;
@ -700,7 +701,12 @@ fieldset.polls dd div {
font-weight: normal;
}
.avatar {
.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
margin-bottom: 10px;
}
.postprofile .avatar {
display: block;
border: none;
margin-bottom: 3px;
}

View file

@ -367,6 +367,51 @@ textarea, dd textarea, #message-box textarea {
}
}
/* Post
----------------------------------------*/
.postprofile, .postbody {
display: block;
width: auto;
float: none;
padding: 0;
min-height: 0;
}
.post .postprofile {
width: auto;
border-width: 0 0 1px 0;
padding-bottom: 5px;
margin: 0;
margin-bottom: 5px;
overflow: hidden;
}
.postprofile dd {
display: none;
}
.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
display: block;
margin: 0;
}
.postprofile ul.profile-icons {
display: none;
}
.postprofile .avatar {
display: block;
float: left;
margin-right: 5px;
}
.postprofile .avatar img {
width: auto !important;
height: auto !important;
display: block;
max-height: 32px;
}
/* Misc stuff
----------------------------------------*/
h2 {