Initial work on size/updated columns; switched title truncation from ruby to css text-overflow

This commit is contained in:
Victoria Wang 2015-05-13 15:16:10 -07:00
parent 5878692c81
commit b0667a73a7
2 changed files with 17 additions and 5 deletions

View file

@ -360,6 +360,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
display: block; display: block;
text-overflow: ellipsis;
} }
.html-thumbnail { .html-thumbnail {
font-size: 11px; font-size: 11px;
@ -465,6 +466,9 @@
margin-top: 2px; margin-top: 2px;
float: left; float: left;
font-size: 13px; font-size: 13px;
text-align: left;
width: 30%;
text-overflow: ellipsis;
} }
} }
.html-thumbnail, .misc-icon { .html-thumbnail, .misc-icon {
@ -494,6 +498,7 @@
border-radius: 3px; border-radius: 3px;
padding-top: 3px; padding-top: 3px;
text-align: right; text-align: right;
background-color: rgba(0, 0, 0, 0.06);
a { a {
color: #e93250; color: #e93250;
@ -504,6 +509,10 @@
.html-thumbnail > .overlay { .html-thumbnail > .overlay {
background-color: transparent; background-color: transparent;
} }
.column {
float: left;
width: 15%;
}
} }
.site-actions { .site-actions {
float: left; float: left;

View file

@ -137,12 +137,15 @@
<% end %> <% end %>
<a class="title"> <a class="title">
<% if file[:name].length > 19 %> <%= file[:name] %>
<%= file[:name].slice(0..18) %>&hellip;
<% else %>
<%= file[:name] %>
<% end %>
</a> </a>
<div class="column size">
5KB
</div>
<div class="column updated">
5/13/15
</div>
<div class="overlay"> <div class="overlay">
<% if file[:is_editable] %> <% if file[:is_editable] %>
<a href="/site_files/text_editor<%= file[:path] %>"><i class="fa fa-edit" title="Edit"></i> Edit</a> <a href="/site_files/text_editor<%= file[:path] %>"><i class="fa fa-edit" title="Edit"></i> Edit</a>