mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-04-26 05:53:39 -04:00
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
|
||||
color: #555
|
||||
padding: 3px 20px
|
||||
|
||||
#tabs-dropdown
|
||||
display: none
|
||||
//@media only screen and (max-width: 800px)
|
||||
// display: block
|
||||
|
||||
.navbar-nav
|
||||
float: left
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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)
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue