Changed responsive view for LevelEditor
This commit is contained in:
parent
826a5f56db
commit
14ebc957de
8 changed files with 9 additions and 40 deletions
app
styles/editor/level
templates/editor/level
views/editor/level
|
@ -26,11 +26,6 @@
|
||||||
li a
|
li a
|
||||||
color: #555
|
color: #555
|
||||||
padding: 3px 20px
|
padding: 3px 20px
|
||||||
|
|
||||||
#tabs-dropdown
|
|
||||||
display: none
|
|
||||||
//@media only screen and (max-width: 800px)
|
|
||||||
// display: block
|
|
||||||
|
|
||||||
.navbar-nav
|
.navbar-nav
|
||||||
float: left
|
float: left
|
||||||
|
|
|
@ -64,15 +64,6 @@ $mobile: 1050px
|
||||||
margin: 0
|
margin: 0
|
||||||
@media screen and (max-width: $mobile)
|
@media screen and (max-width: $mobile)
|
||||||
margin: 5px
|
margin: 5px
|
||||||
//position: absolute
|
|
||||||
//left: -40px
|
|
||||||
//top: 40px
|
|
||||||
|
|
||||||
.btn
|
|
||||||
@media screen and (max-width: $mobile)
|
|
||||||
//float: none
|
|
||||||
//display: block
|
|
||||||
//padding: 10px
|
|
||||||
|
|
||||||
h3
|
h3
|
||||||
margin: 0 -20px 0 0
|
margin: 0 -20px 0 0
|
||||||
|
@ -147,6 +138,9 @@ $mobile: 1050px
|
||||||
right: 18px
|
right: 18px
|
||||||
z-index: 11
|
z-index: 11
|
||||||
width: $addPaletteWidth + 10
|
width: $addPaletteWidth + 10
|
||||||
|
bottom: -15px
|
||||||
|
//height: auto
|
||||||
|
//padding-bottom: 10px
|
||||||
|
|
||||||
input
|
input
|
||||||
width: $addPaletteWidth
|
width: $addPaletteWidth
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
.components-container
|
.components-container
|
||||||
h3(data-i18n="editor.level_component_tab_title") Current Components
|
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
|
span.icon-list
|
||||||
#components-treema
|
#components-treema
|
||||||
|
|
||||||
|
|
|
@ -15,26 +15,6 @@ block header
|
||||||
li
|
li
|
||||||
a(href="/editor/level")
|
a(href="/editor/level")
|
||||||
span.glyphicon-home.glyphicon
|
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
|
ul.nav.navbar-nav.nav-tabs
|
||||||
li.active
|
li.active
|
||||||
|
|
|
@ -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
|
span.icon-list
|
||||||
|
|
||||||
#scripts-treema
|
#scripts-treema
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.systems-container
|
.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
|
span.icon-list
|
||||||
h3(data-i18n="editor.level_systems_tab_title") Current Systems
|
h3(data-i18n="editor.level_systems_tab_title") Current Systems
|
||||||
#systems-treema
|
#systems-treema
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
div#toggle
|
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
|
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
|
span.icon-plus
|
||||||
.thangs-container.thangs-column#all-thangs
|
.thangs-container.thangs-column#all-thangs
|
||||||
h3(data-i18n="editor.level_tab_thangs_title") Current Thangs
|
h3(data-i18n="editor.level_tab_thangs_title") Current Thangs
|
||||||
|
|
|
@ -116,7 +116,7 @@ module.exports = class ThangsTabView extends View
|
||||||
thangsHeaderHeight = $('#thangs-header').height()
|
thangsHeaderHeight = $('#thangs-header').height()
|
||||||
oldHeight = $('#thangs-list').height()
|
oldHeight = $('#thangs-list').height()
|
||||||
if $(document).width() < 1050
|
if $(document).width() < 1050
|
||||||
$('#thangs-list').height(oldHeight - thangsHeaderHeight - 30)
|
$('#thangs-list').height(oldHeight - thangsHeaderHeight - 40)
|
||||||
else
|
else
|
||||||
$('#thangs-list').height(oldHeight - thangsHeaderHeight - 80)
|
$('#thangs-list').height(oldHeight - thangsHeaderHeight - 80)
|
||||||
|
|
||||||
|
|
Reference in a new issue