[ticket/10453] PM viewmessage page is misplacing the online icon

Removed the position: absolute value, and made it so that if the
buttons are bigger the text move with it, also added support for
bidi.css (text right to left).

PHPBB3-10453

http://tracker.phpbb.com/browse/PHPBB3-10453
This commit is contained in:
Raimon 2011-11-14 21:38:10 +01:00
parent 65921ae67a
commit c0ffc8386c
3 changed files with 24 additions and 10 deletions

View file

@ -6,18 +6,12 @@
<div class="inner"><span class="corners-top"><span></span></span>
<!-- IF FOLDER_STATUS and FOLDER_MAX_MESSAGES neq 0 --><p>{FOLDER_STATUS}</p><!-- ENDIF -->
<!-- IF U_POST_REPLY_PM and S_PM_RECIPIENTS gt 1 -->
<div class="reply-all">
<ul class="linklist">
<li><a class="left" title="{L_REPLY_TO_ALL}" href="{U_POST_REPLY_ALL}">{L_REPLY_TO_ALL}</a></li>
</ul>
</div>
<!-- ENDIF -->
<!-- IF U_POST_REPLY_PM or U_POST_NEW_TOPIC or U_FORWARD_PM -->
<div class="buttons">
<!-- IF U_POST_REPLY_PM --><div class="pmreply-icon"><a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}"><span></span>{L_POST_REPLY_PM}</a></div>
<!-- ELSEIF U_POST_NEW_TOPIC --><div class="newpm-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}"><span></span>{L_UCP_PM_COMPOSE}</a></div><!-- ENDIF -->
<!-- IF U_FORWARD_PM --><div class="forwardpm-icon"><a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}"><span></span>{L_FORWARD_PM}</a></div><!-- ENDIF -->
<!-- IF U_POST_REPLY_PM and S_PM_RECIPIENTS gt 1 --><div class="reply-all"><a class="left" title="{L_REPLY_TO_ALL}" href="{U_POST_REPLY_ALL}">{L_REPLY_TO_ALL}</a></div><!-- ENDIF -->
</div>
<!-- ENDIF -->

View file

@ -591,6 +591,19 @@
/* PM Styles
----------------------------------------*/
/* PM panel adjustments */
.rtl .reply-all a.right {
background-position: 5% 60%;
}
.rtl .reply-all a.right:hover {
background-position: 3% 60%;
}
.rtl .reply-all {
padding-left: 5px;
}
/* Defined rules list for PM options */
.rtl ol.def-rules {
padding-right: 0;

View file

@ -349,10 +349,17 @@ dl.mini dd {
}
/* PM panel adjustments */
.reply-all a.left {
background-position: 3px 60%;
}
.reply-all a.left:hover {
background-position: 0px 60%;
}
.reply-all {
margin-bottom: -60px;
position: absolute;
margin-left: 200px;
font-size: 11px;
padding-top: 5px;
}
/* PM Message history */