Added buttons for switching between list/icon view

This commit is contained in:
Victoria Wang 2015-05-19 17:09:07 -07:00
parent 7c017388f0
commit 0cf25653e1
2 changed files with 24 additions and 0 deletions

View file

@ -241,6 +241,26 @@
.column, input[type='checkbox'] {
display: none;
}
.btn-group {
float: left;
margin-right: 15px;
.btn {
padding-left: 11px;
padding-right: 11px;
padding-top: 7px;
padding-bottom: 7px;
margin-top: 1px;
margin-left: -3px;
background: #77ABB8;
@include box-shadow(0 0 5px rgba(0, 0, 0, 0.25));
&:focus {
outline: 0;
}
}
}
}
.files .header {
background: #5E95A1;

View file

@ -82,6 +82,10 @@
</div>
</div>
<div class="header">
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-default" title="List View"><i class="fa fa-list"></i></button>
<button type="button" class="btn btn-default" title="Icon View"><i class="fa fa-th"></i></button>
</div>
<div class="breadcrumbs">
<% if params[:dir].nil? || params[:dir].empty? || params[:dir] == '/' %>
Home