minor style updates to make 3panel headlines mode look closer to cdm

This commit is contained in:
Andrew Dolgov 2014-01-29 00:21:57 +04:00
parent b4eff716b2
commit 029005c49b
3 changed files with 41 additions and 28 deletions

View file

@ -480,17 +480,18 @@ class Feeds extends Handler_Protected {
$reply['content'] .= "</div>";
$reply['content'] .= "<span class=\"hlUpdated\">";
if (!get_pref('VFEED_GROUP_BY_FEED')) {
if (@$line["feed_title"]) {
$rgba = @$rgba_cache[$feed_id];
$reply['content'] .= "<a class=\"hlFeed\" style=\"background : rgba($rgba, 0.3)\" href=\"#\" onclick=\"viewfeed($feed_id)\">".
truncate_string($line["feed_title"],30)."</a>";
$reply['content'] .= "<span class=\"hlFeed\"><a style=\"background : rgba($rgba, 0.3)\" href=\"#\" onclick=\"viewfeed($feed_id)\">".
truncate_string($line["feed_title"],30)."</a></span>";
}
}
$reply['content'] .= "<span class=\"hlUpdated\">";
$reply['content'] .= "<div title='$date_entered_fmt'>$updated_fmt</div>
</span>";

View file

@ -199,7 +199,7 @@ div.cdm.active div.cdmContent {
span.cdmExcerpt {
font-size : 11px;
color : #555;
color : #999;
font-weight : normal;
cursor : pointer;
}

View file

@ -223,6 +223,7 @@ a:hover {
border-width : 0px 0px 1px 0px;
border-style : solid;
border-color : #ddd;
padding : 1px;
}
.hl.active {
@ -390,6 +391,7 @@ span.contentPreview {
font-weight : normal;
text-shadow : 1px 1px 2px #fff;
font-size : 11px;
padding-left : 4px;
}
span.hlLabelRef {
@ -427,23 +429,6 @@ div.postHeader div {
display : none;
}
a.hlFeed {
display : block;
white-space : nowrap;
font-size : 9px;
font-style : italic;
font-weight : normal;
display : inline-block;
padding : 1px 2px 1px 2px;
margin-bottom : 2px;
margin-top : 2px;
color : #555;
}
a.hlFeed:hover {
color : #4684ff;
}
img.markedPic, img.pubPic {
cursor : pointer;
vertical-align : middle;
@ -597,11 +582,13 @@ div.autocomplete ul li {
cursor : pointer;
}
.hlTitle {
.hl .hlTitle {
overflow : hidden;
white-space : nowrap;
max-width : 500px;
text-overflow : ellipsis;
padding-left : 6px;
padding-right : 6px;
}
div#headlines-frame.wide .hlTitle {
@ -723,14 +710,39 @@ div.hlRight img {
max-height : 16px;
}
span.hlUpdated {
color : #555;
min-width : 100px;
.hl span.hlFeed {
display : table-cell;
width : 100%;
vertical-align : middle;
text-align : right;
font-size : 10px;
}
.hl span.hlFeed a {
border-radius : 4px;
display : inline-block;
padding : 1px 4px 1px 4px;
font-size : 11px;
font-style : italic;
font-weight : normal;
color : #555;
white-space : nowrap;
}
.hl span.hlFeed a:hover {
color : #4684ff;
}
.hl span.hlUpdated {
color : #555;
display : table-cell;
vertical-align : middle;
text-align : right;
font-size : 11px;
white-space : nowrap;
padding-left : 10px;
}
span.hlUpdated div {
display : inline-block;
}
div.hlLeft {