Updated alignments for new newsfeed

This commit is contained in:
Victoria Wang 2015-04-09 12:48:45 -07:00
parent baf5884b7b
commit a945904cfc
2 changed files with 32 additions and 36 deletions

View file

@ -708,8 +708,7 @@ a.tag:hover {
.news-item {
width: 100%;
float: left;
margin: 1.25em 0 1.25em 0;
padding: 1em 0 0 0;
padding: 1.2em 0 1.2em 0;
border-top: 1px solid #EBEBEB;
}
.news-item:nth-of-type(1) {
@ -749,12 +748,6 @@ a.tag:hover {
}
.news-item.comment .icon {
background: #DAEEA5;
}
.news-item.comment.for-me .icon, .news-item.tip.for-me .icon {
}
.news-item .icon-mini {
}
.news-item.update .icon {
background: #E93250;
@ -762,9 +755,6 @@ a.tag:hover {
.news-item.tip .icon {
background: #FFCC00;
}
.news-item.follow {
margin: .3em 0 .3em 0;
}
.news-item.follow .icon {
background: #3399CC;
}
@ -773,11 +763,16 @@ a.tag:hover {
position: relative;
width: 100%;
float: left;
.text {
float: left;
margin-top: .45em;
}
}
.news-item .date {
float: right;
font-size: 11px;
margin-top: .5em;
margin-top: 1.1em;
}
.news-item .date a {
color: #aaa!important;
@ -828,18 +823,15 @@ a.tag:hover {
.news-item .actions {
font-size: 11px;
}
.news-item > .actions {
margin-left: 61px!important;
}
.news-item .actions a {
margin-right: 6px;
}
.news-item .content {
padding: 0;
margin-left: 32px;
margin-left: 61px;
}
.news-item.comment .actions, .news-item.comment .content {
margin-left: 20px;
.news-item .actions, .news-item.comment .content {
margin-left: 61px;
}
.news-item.comment .comments .actions {
margin-left: 47px;

View file

@ -22,6 +22,7 @@
<div class="icon"><a href="/site/<%= actioning_site.username %>" title="<%= actioning_site.username %>" class="avatar" style="background-image: url(<%= actioning_site.screenshot_url 'index.html', '50x50' %>);"></a></div>
<div class="text">
<% if current_site && current_site.id == actioning_site.id %>
<a href="/site/<%= current_site.username %>" class="you">You</a>
<% else %>
@ -36,6 +37,7 @@
the <a class="user" href="http://<%= event_site.host %>" title="<%= event_site.title %>">site</a> of
<a href="/site/<%= event_site.username %>" class="user" title="<%= event_site.title %>"><i class="fa fa-user"><% if event_site.supporter? %><i class="fa fa-heart"></i><% end %></i><%= event_site.username %></a>
<% end %>
</div>
<span class="date">
<a href="/site/<%= event_site.username %>?event_id=<%= event.id %>"><%= event.created_at.ago %></a>
@ -45,12 +47,14 @@
<div class="news-item update">
<div class="title">
<div class="icon"></div>
<div class="text">
<% event_site = event.site_dataset.select(:id, :username, :title, :domain).first %>
<% if current_site && event_site.id == current_site.id %>
Your site was updated.
<% else %>
<a href="/site/<%= event_site.username %>" class="user" title="<%= event_site.title %>"><%= event_site.title.shorten(45) %></a> has been updated.
<% end %>
</div>
<span class="date">
<a href="/site/<%= event_site.username %>?event_id=<%= event.id %>"><%= event.created_at.ago %></a>
</span>