消息列表的样式调整
This commit is contained in:
parent
bc16476646
commit
552b6429ef
|
@ -8,4 +8,17 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="resources">
|
<div class="resources">
|
||||||
<%= render :partial => 'users/new_user_message', :locals => { :message_alls => @message_alls } %>
|
<%= render :partial => 'users/new_user_message', :locals => { :message_alls => @message_alls } %>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(function(){
|
||||||
|
$(".messageInformationContents").each(function(){
|
||||||
|
var parentWidth = $(this).parent().width();
|
||||||
|
var eq0Width = $(this).parent().children().eq(0).width();
|
||||||
|
var eq1Width = $(this).parent().children().eq(1).width();
|
||||||
|
var classWidth = parentWidth - eq0Width - eq1Width;
|
||||||
|
$(this).css("max-width",classWidth + "px");
|
||||||
|
});
|
||||||
|
//$(".messageInformationContents").width()
|
||||||
|
});
|
||||||
|
</script>
|
|
@ -95,7 +95,7 @@ div#menu ul ul ul li a{ width:185px; overflow:hidden; white-space: nowrap; text-
|
||||||
.homepageNewsList {width:710px; height:49px; line-height:49px; vertical-align:middle; border-bottom:1px dashed #eaeaea;}
|
.homepageNewsList {width:710px; height:49px; line-height:49px; vertical-align:middle; border-bottom:1px dashed #eaeaea;}
|
||||||
.homepageNewsPortrait {width:40px; display:block; margin-top:7px;}
|
.homepageNewsPortrait {width:40px; display:block; margin-top:7px;}
|
||||||
.homepageNewsPublisher { max-width:100px; font-size:12px; color:#269ac9; display:block; /*padding-left:5px;*/ overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; }
|
.homepageNewsPublisher { max-width:100px; font-size:12px; color:#269ac9; display:block; /*padding-left:5px;*/ overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; }
|
||||||
.homepageNewsType {padding-left: 5px; font-size:12px; color:#888888; display:block;}
|
.homepageNewsType {max-width: 200px; padding-left: 5px; font-size:12px; color:#888888; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
||||||
.homepageNewsTypeHomework {width:160px; padding-left: 5px; font-size:12px; color:#888888; display:block; overflow:hidden; height:49px;word-break:break-all; word-wrap:break-word; text-overflow:ellipsis;}
|
.homepageNewsTypeHomework {width:160px; padding-left: 5px; font-size:12px; color:#888888; display:block; overflow:hidden; height:49px;word-break:break-all; word-wrap:break-word; text-overflow:ellipsis;}
|
||||||
.homepageNewsPubType {auto-width:230px; font-size:12px; color:#888888; display: block;}
|
.homepageNewsPubType {auto-width:230px; font-size:12px; color:#888888; display: block;}
|
||||||
.homepageNewsPubTypeHomework {width:270px; font-size:12px; color:#888888; display: block; white-space:nowrap;}
|
.homepageNewsPubTypeHomework {width:270px; font-size:12px; color:#888888; display: block; white-space:nowrap;}
|
||||||
|
@ -680,8 +680,8 @@ a.user_editinfo{border-top:1px solid #e5e5e5; height:30px; line-height:30px; tex
|
||||||
.messageMediumContents{ width:420px; max-width:450px; margin-right:10px; font-size:14px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
|
.messageMediumContents{ width:420px; max-width:450px; margin-right:10px; font-size:14px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
|
||||||
.messageOperateContents {width:100px; max-width:125px; margin-left:10px; font-size:14px; color:red; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
|
.messageOperateContents {width:100px; max-width:125px; margin-left:10px; font-size:14px; color:red; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
|
||||||
.messageApplyContents{ width:200px; max-width:250px; margin-right:10px; font-size:14px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
|
.messageApplyContents{ width:200px; max-width:250px; margin-right:10px; font-size:14px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
|
||||||
.longMessageWidth { max-width: 610px; float:left; }
|
.longMessageWidth { width: 610px; float:left; }
|
||||||
.shortMessageWidth { max-width: 540px; float:left; }
|
.shortMessageWidth { width: 530px; float:left; }
|
||||||
.messageInformationContents{ margin-right:10px; font-size:14px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height:49px; float:left; }
|
.messageInformationContents{ margin-right:10px; font-size:14px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height:49px; float:left; }
|
||||||
.homepageBackground{ background-color:#90C5EC; flex:1; text-align: center }
|
.homepageBackground{ background-color:#90C5EC; flex:1; text-align: center }
|
||||||
.homepageClickBackground{ background-color:#3b94d6; flex:1; text-align: center }
|
.homepageClickBackground{ background-color:#3b94d6; flex:1; text-align: center }
|
Loading…
Reference in New Issue