refactor(bs3): re-enable two columns views for tablets

This commit is contained in:
Matteo Pagliazzi 2014-02-04 21:53:23 +01:00
parent c663221229
commit d711d61a1f
2 changed files with 15 additions and 5 deletions

View file

@ -39,10 +39,15 @@ for $stage in $stages
// ===================
.tasks-lists
.col-md-3
padding-left: 10px // Override Bootstrap 15px padding
padding-right: 10px // Override Bootstrap 15px padding
margin-bottom: 15px
.row
margin-left: -5px
margin-right: -5px
.col-md-3
padding-left: 10px // Override Bootstrap 15px padding
padding-right: 10px // Override Bootstrap 15px padding
margin-bottom: 15px
// main columns
// ------------
@ -56,6 +61,11 @@ for $stage in $stages
margin: 0 0 0.5em
padding: 0
// 50% width columns with scrollbars
@media (max-width: 960px)
.task-column
max-height: 18.6em
overflow-y: scroll
// add new task form
// -----------------

View file

@ -4,7 +4,7 @@
script(id='templates/habitrpg-tasks.html', type="text/ng-template")
.tasks-lists.container-fluid
.row
.col-md-3(bindonce='lists', ng-repeat='list in lists', bo-class='{"rewards-module": list.type==="reward"}')
.col-md-3.col-sm-6(bindonce='lists', ng-repeat='list in lists', bo-class='{"rewards-module": list.type==="reward"}')
.task-column(class='{{list.type}}s')
// Todos export/graph options