Add background to 'You and' and adjust vertical alignment

(imported from commit 3bec31298c030299509e48596662a0618c359994)
This commit is contained in:
Allen Rabinovich 2013-09-04 13:08:04 -07:00
parent e780502372
commit 2f8bd32ef8
2 changed files with 18 additions and 6 deletions

View File

@ -802,18 +802,28 @@ just a temporary hack.
.compose_table .pm_recipient {
position: relative;
margin-right: 30px;
height: 25px;
}
.compose_table .pm_recipient .you_text {
.compose_table #private-message .you_text {
position: absolute;
left: 4px;
top: 3px;
height: 25px;
line-height: 25px;
padding-top: 0px;
padding-bottom: 0px;
width: 4em;
background: #444444;
color: #ffffff;
}
.compose_table .pm_recipient #private_message_recipient {
padding-left: 4em;
margin-left: 4em;
border-left: none;
border-radius: 0px 3px 3px 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 23px;
line-height: 23px;
}
.compose_table #private-message .right_part {

View File

@ -47,10 +47,12 @@
</td>
</tr>
<tr id="private-message">
<td class="message_header_colorblock message_header_private_message message_header left_part"></td>
<td class="message_header_colorblock message_header_private_message message_header left_part">
</td>
<td class="right_part">
<div class="pm_recipient">
<div class="you_text">You and</div>
<span class="you_text">You and</span>
<input type="text" class="recipient_box" name="recipient" id="private_message_recipient"
value="" placeholder="one or more people..." autocomplete="off" tabindex="130"/>
</div>