restructure inbox design

This commit is contained in:
Andreas N 2014-12-20 14:37:14 +01:00
parent ba9b6d1e12
commit 000fa09a5e
2 changed files with 27 additions and 7 deletions

View File

@ -44,4 +44,18 @@
.profile--panel .panel-body {
padding-top: 0px;
}
.inbox--panel .panel-heading {
color: $brand-info;
border-bottom: 2px solid $brand-info;
background-color: #fff;
text-transform: uppercase;
}
.warning--panel .panel-heading {
color: $brand-danger;
border-bottom: 2px solid $brand-danger;
background-color: #fff;
text-transform: uppercase;
}

View File

@ -1,12 +1,18 @@
.container.j2-page
.row
.col-md-3.col-xs-12.col-sm-3
.panel.panel-default.inbox--panel
.panel-heading
%h3 Out of questions?
.panel-body
%button.btn.btn-block.btn-info{type: :button, id: 'ib-generate-question'} Get new question
.panel.panel-default.warning--panel
.panel-heading
%h3 Actions
.panel-body
%button.btn.btn-block.btn-danger{type: :button, id: 'ib-delete-all'} Delete all questions
.col-md-9.col-xs-12.col-sm-9
= render 'layouts/messages'
.alert.alert-info
.row
.col-md-9.col-sm-8.col-xs-12
Out of questions?
.col-md-3.col-sm-5.col-xs-12
%button.btn.btn-block.btn-info{type: :button, id: 'ib-generate-question'} Get new question
#entries
- @inbox.each do |i|
= render 'inbox/entry', i: i