[IMP] mail: nice colors for the message icons

bzr revid: fva@openerp.com-20121022125842-2t4m6axslu8tln8w
This commit is contained in:
Frédéric van der Essen 2012-10-22 14:58:42 +02:00
parent ef90663527
commit 09d5c74d95
2 changed files with 39 additions and 23 deletions

View File

@ -51,10 +51,6 @@
display: block;
margin-left: 40px;
}
.openerp .oe_mail .oe_msg .oe_msg_right{
float: right;
height: 24px;
}
.openerp .oe_mail .oe_msg .oe_msg_footer{
height: 16px;
padding-left: 4px;
@ -73,21 +69,46 @@
padding: 4px;
padding-bottom:1px;
}
.openerp .oe_mail .oe_msg .oe_msg_right .oe_msg_icons span{
.openerp .oe_mail .oe_msg .oe_msg_icons{
float: right;
margin-top: 4px;
margin-right: 8px;
height: 24px;
-webkit-user-select: none;
}
.openerp .oe_mail .oe_msg .oe_msg_icons span{
float:right;
width:24px;
height:24px;
line-height:24px;
text-align: center;
opacity: 0.2;
-webkit-transition: opacity 0.2s linear;
}
.openerp .oe_mail .oe_msg:hover .oe_msg_right .oe_msg_icons span{
opacity: 1;
-webkit-transition: opacity 0.1s linear;
}
.openerp .oe_mail .oe_msg .oe_msg_right .oe_msg_icons a{
.openerp .oe_mail .oe_msg .oe_msg_icons a {
text-decoration: none;
/*opacity: 0.2;*/
color: #FFF;
text-shadow: 0px 1px #AAA,0px -1px #AAA, -1px 0px #AAA, 1px 0px #AAA, 0px 3px 3px rgba(0,0,0,0.2);
-webkit-transition: all 0.2s linear;
}
.openerp .oe_mail .oe_msg:hover .oe_msg_icons a{
opacity: 1;
-webkit-transition: all 0.1s linear;
}
.openerp .oe_mail .oe_msg:hover .oe_msg_icons .oe_star a{
color: #FFE41F;
text-shadow: 0px 1px #DF6200,0px -1px #DF6200, -1px 0px #DF6200, 1px 0px #DF6200, 0px 3px 3px rgba(0,0,0,0.2);
}
.openerp .oe_mail .oe_msg:hover .oe_msg_icons .oe_reply a{
color: #1fc0ff;
text-shadow: 0px 1px #184fc5,0px -1px #184fc5, -1px 0px #184fc5, 1px 0px #184fc5, 0px 3px 3px rgba(0,0,0,0.2);
}
.openerp .oe_mail .oe_msg:hover .oe_msg_icons .oe_read a{
color: #c2ff00;
text-shadow: 0px 1px #009441,0px -1px #009441, -1px 0px #009441, 1px 0px #009441, 0px 3px 3px rgba(0,0,0,0.2);
}
.openerp .oe_mail .oe_msg:hover .oe_msg_icons .oe_unread a{
color: #c2ff00;
text-shadow: 0px 1px #009441,0px -1px #009441, -1px 0px #009441, 1px 0px #009441, 0px 3px 3px rgba(0,0,0,0.2);
}
.openerp .oe_mail .oe_msg .oe_msg_content textarea{
width: 100%;

View File

@ -187,14 +187,6 @@
<t t-name="mail.thread.message">
<div t-attf-class="oe_msg oe_lvl_#{widget.datasets.thread_level} oe_msg_#{widget.datasets.type} oe_msg_#{widget.datasets.to_read?'unread':'read'}">
<!-- message actions (read/unread, reply, delete...) -->
<div class='oe_msg_right'>
<div class="oe_msg_icons">
<span class='oe_unread' t-if="widget.datasets.show_read_unread_button"><a title="Read" class="oe_e">W</a></span>
<span class='oe_read' t-if="widget.datasets.show_read_unread_button"><a title="Set back to unread" class="oe_e">h</a></span>
<span class='oe_reply' t-if="widget.datasets.show_reply_button"><a title="Reply" class="oe_e">)</a></span>
<t t-call="mail.thread.message.star"/>
</div>
</div>
<div class='oe_msg_left'>
<a t-attf-href="#model=res.partner&amp;id=#{widget.datasets.author_id[0]}" t-att-title="widget.datasets.author_id[1]">
@ -203,6 +195,12 @@
</div>
<div class="oe_msg_center">
<div class='oe_msg_icons'>
<span class='oe_read' t-if="widget.datasets.show_read_unread_button"><a title="Read" class="oe_e">W</a></span>
<span class='oe_unread' t-if="widget.datasets.show_read_unread_button"><a title="Set back to unread" class="oe_e">W</a></span>
<span class='oe_reply' t-if="widget.datasets.show_reply_button"><a title="Reply" class="oe_e">(</a></span>
<span class='oe_star'><a t-attf-class="oe_e oe_mail_starbox #{widget.datasets.has_stared?'oe_stared':''}">7</a></span>
</div>
<!-- message itself -->
<div class="oe_msg_content">
<h1 t-if="widget.datasets.subject" class="oe_msg_title">
@ -280,7 +278,4 @@
<!-- mail.thread.message.star
Template used to display stared/unstared message in a mail.message
-->
<t t-name="mail.thread.message.star">
<span><a t-attf-class="oe_mail_starbox #{widget.datasets.has_stared?'oe_stared':''}">*</a></span>
</t>
</template>