makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-28 14:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

[ticket/11552] Responsive PM editor

Browse source 
Responsive PM editor, fix quickmod tools

PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin 2013-10-19 16:20:34 +03:00
parent ee8d7b536c
commit fbd57b9369
2 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
phpBB/styles/prosilver/template/posting_editor.html
View file

@ -31,7 +31,7 @@
<!-- ENDIF -->
<!-- IF not S_EDIT_POST -->
<dl class="pmlist">
<dt><textarea id="username_list" name="username_list" class="inputbox" cols="50" rows="2" tabindex="1"></textarea></dt>
<dt><label>{L_TO}{L_COLON}<textarea id="username_list" name="username_list" class="inputbox" cols="50" rows="2" tabindex="1"></textarea></label></dt>
<dd><span><a href="{U_FIND_USERNAME}" onclick="find_username(this.href); return false;">{L_FIND_USERNAME}</a></span></dd>
<dd><input type="submit" name="add_to" value="{L_ADD}" class="button2" tabindex="1" /></dd>
<dd><input type="submit" name="add_bcc" value="{L_ADD_BCC}" class="button2" tabindex="1" /></dd>

22
phpBB/styles/prosilver/theme/responsive.css
View file

@ -317,6 +317,20 @@ textarea, dd textarea, #message-box textarea {
box-sizing: border-box;
}
dl.pmlist dt {
width: auto !important;
margin-bottom: 5px;
}
dl.pmlist dd {
display: inline-block;
margin-left: 0 !important;
}
dl.pmlist dd:first-of-type {
padding-left: 20px;
}
#smiley-box, #message-box {
float: none;
width: auto;
@ -369,7 +383,7 @@ textarea, dd textarea, #message-box textarea {
/* Post
----------------------------------------*/
.postprofile, .postbody {
.postprofile, .postbody, .search .postbody {
display: block;
width: auto;
float: none;
@ -436,6 +450,12 @@ p.rightside {
overflow: hidden;
}
fieldset.quickmod {
width: auto;
float: none;
text-align: center;
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
{
p.responsive-center {