Changed responsive view for LevelEditor

This commit is contained in:
tmrdja 2014-04-24 11:51:16 +02:00
parent 826a5f56db
commit 14ebc957de
8 changed files with 9 additions and 40 deletions

View file

@ -26,11 +26,6 @@
li a
color: #555
padding: 3px 20px
#tabs-dropdown
display: none
//@media only screen and (max-width: 800px)
// display: block
.navbar-nav
float: left

View file

@ -64,15 +64,6 @@ $mobile: 1050px
margin: 0
@media screen and (max-width: $mobile)
margin: 5px
//position: absolute
//left: -40px
//top: 40px
.btn
@media screen and (max-width: $mobile)
//float: none
//display: block
//padding: 10px
h3
margin: 0 -20px 0 0
@ -147,6 +138,9 @@ $mobile: 1050px
right: 18px
z-index: 11
width: $addPaletteWidth + 10
bottom: -15px
//height: auto
//padding-bottom: 10px
input
width: $addPaletteWidth

View file

@ -1,6 +1,6 @@
.components-container
h3(data-i18n="editor.level_component_tab_title") Current Components
button.navbar-toggle.toggle.btn-primary#thangs-container-toggle(type="button" data-toggle="collapse" data-target="#components-treema")
button.navbar-toggle.toggle.btn-primary(type="button" data-toggle="collapse" data-target="#components-treema")
span.icon-list
#components-treema

View file

@ -15,26 +15,6 @@ block header
li
a(href="/editor/level")
span.glyphicon-home.glyphicon
li.dropdown#tabs-dropdown
a(data-toggle='dropdown')
span.glyphicon-chevron-down.glyphicon
ul.dropdown-menu
li.active
a(href="#editor-level-thangs-tab-view", data-toggle="tab", data-i18n="editor.level_tab_thangs") Thangs
li
a(href="#editor-level-scripts-tab-view", data-toggle="tab", data-i18n="editor.level_tab_scripts") Scripts
li
a(href="#editor-level-settings-tab-view", data-toggle="tab", data-i18n="editor.level_tab_settings") Settings
li
a(href="#editor-level-components-tab-view", data-toggle="tab", data-i18n="editor.level_tab_components") Components
li
a(href="#editor-level-systems-tab-view", data-toggle="tab", data-i18n="editor.level_tab_systems") Systems
li
a(href="#editor-level-patches", data-toggle="tab")#patches-tab
span(data-i18n="resources.patches").spr Patches
- var patches = level.get('patches')
if patches && patches.length
span.badge= patches.length
ul.nav.navbar-nav.nav-tabs
li.active

View file

@ -1,4 +1,4 @@
button.navbar-toggle.toggle.btn-primary#thangs-container-toggle(type="button" data-toggle="collapse" data-target="#scripts-treema")
button.navbar-toggle.toggle.btn-primary(type="button", data-toggle="collapse", data-target="#scripts-treema")
span.icon-list
#scripts-treema

View file

@ -1,5 +1,5 @@
.systems-container
button.navbar-toggle.toggle.btn-primary#thangs-container-toggle(type="button" data-toggle="collapse" data-target="#systems-treema")
button.navbar-toggle.toggle.btn-primary(type="button" data-toggle="collapse" data-target="#systems-treema")
span.icon-list
h3(data-i18n="editor.level_systems_tab_title") Current Systems
#systems-treema

View file

@ -1,7 +1,7 @@
div#toggle
button.navbar-toggle.toggle.btn-primary#thangs-container-toggle(type="button" data-toggle="collapse" data-target="#all-thangs")
button.navbar-toggle.toggle.btn-primary#thangs-container-toggle(type="button", data-toggle="collapse", data-target="#all-thangs")
span.icon-list
button.navbar-toggle.toggle.btn-primary#thangs-palette-toggle(type="button" data-toggle="collapse" data-target="#add-thangs-column")
button.navbar-toggle.toggle.btn-primary#thangs-palette-toggle(type="button", data-toggle="collapse", data-target="#add-thangs-column")
span.icon-plus
.thangs-container.thangs-column#all-thangs
h3(data-i18n="editor.level_tab_thangs_title") Current Thangs

View file

@ -116,7 +116,7 @@ module.exports = class ThangsTabView extends View
thangsHeaderHeight = $('#thangs-header').height()
oldHeight = $('#thangs-list').height()
if $(document).width() < 1050
$('#thangs-list').height(oldHeight - thangsHeaderHeight - 30)
$('#thangs-list').height(oldHeight - thangsHeaderHeight - 40)
else
$('#thangs-list').height(oldHeight - thangsHeaderHeight - 80)