codecombat/app/styles/editor/level/thangs-tab-view.sass

@import "app/styles/mixins"
   
#thangs-tab-view
  $extantThangsWidth: 250px
  position: absolute
  top: 0
  bottom: 0
  overflow: hidden
  left: 0
  right: 0
  margin: -15px
  
  #thangs-container-toggle, #thangs-palette-toggle
    top: 5px
    position: absolute
    z-index: 12
    padding: 8px

  #thangs-container-toggle
    left: 5px
    box-shadow: 1px 1px 5px black
  
  #thangs-palette-toggle
    right: 5px
    box-shadow: -1px 1px 5px black
    
  .thangs-container
    background: white
    width: $extantThangsWidth
    position: absolute
    left: 0
    top: 0
    bottom: 0
    z-index: 11
    padding: 5px
    border: 1px solid black

    h3
      text-align: right
      margin: 0
      
    .editor-nano-container
      height: 90%
      position: relative
      top: 20px
    #thangs-treema
      position: absolute
      top: 45px
      left: 0
      right: 0
      bottom: 0
      overflow: scroll
      margin: 0
      outline: thin
      border: none
      padding-top: 0
      
    .treema-schema-select
      display: none
    
    .treema-children .treema-row *
      cursor: pointer !important
      
    .treema-key
      display: none
      
    h6
      margin: 0
      line-height: 20px
      
    .treema-thangs-folder
      margin-top: 2px
      color: #253341
      
    .treema-thang
      color: #253341
      position: relative
      left: -20px
      
    .treema-node
      border: none
    
    img
      float: left
      width: 18px
      margin-right: 5px
      margin-left: 5px
      position: relative
      border: 1px solid gray
      //top: 2px
      
  .world-container
    margin-left: 0
    margin-right: 0
    box-sizing: border-box

  .world-container
    position: relative

    #canvas-wrapper
      width: 100%
      position: relative
      text-align: center
      
      .generate-terrain-button
        position: absolute
        top: 45%
        //height: 40px
  
    canvas
      width: 100%
      display: block
      border: 1px solid black

    #webgl-surface
      background-color: #ddd
      z-index: 1
      
    #normal-surface
      z-index: 2
      position: absolute
      left: 0
      top: 0
      pointer-events: none
      
    #contextmenu
      text-align: left

  #thang-components-edit-view
    #thang-component-configs
      // Get these away from the bottom of the screen so we can have dropdowns.
      padding-bottom: 400px
Trying to standardize sass imports in an effort to test #1615, to no avail. 2014-09-30 19:17:54 -04:00			`@import "app/styles/mixins"`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00
			`#thangs-tab-view`
Wrapping up work on the folderized thangs treema in the level editor. 2014-09-03 19:44:59 -04:00			`$extantThangsWidth: 250px`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00			`position: absolute`
			`top: 0`
			`bottom: 0`
			`overflow: hidden`
			`left: 0`
			`right: 0`
Tweaked a few styles on the ThangsTabView. 2014-09-02 19:42:53 -04:00			`margin: -15px`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00
Tweaked a few styles on the ThangsTabView. 2014-09-02 19:42:53 -04:00			`#thangs-container-toggle, #thangs-palette-toggle`
			`top: 5px`
Tweaked the randomize buttons and modal (also changing it to "generate terrain" and refactoring related files accordingly). 2014-09-02 20:52:44 -04:00			`position: absolute`
			`z-index: 12`
			`padding: 8px`
Tweaked a few styles on the ThangsTabView. 2014-09-02 19:42:53 -04:00
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00			`#thangs-container-toggle`
Tweaked a few styles on the ThangsTabView. 2014-09-02 19:42:53 -04:00			`left: 5px`
			`box-shadow: 1px 1px 5px black`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00
			`#thangs-palette-toggle`
Tweaked a few styles on the ThangsTabView. 2014-09-02 19:42:53 -04:00			`right: 5px`
			`box-shadow: -1px 1px 5px black`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00
			`.thangs-container`
			`background: white`
			`width: $extantThangsWidth`
			`position: absolute`
			`left: 0`
			`top: 0`
			`bottom: 0`
			`z-index: 11`
			`padding: 5px`
			`border: 1px solid black`

			`h3`
			`text-align: right`
			`margin: 0`

			`.editor-nano-container`
			`height: 90%`
			`position: relative`
			`top: 20px`
			`#thangs-treema`
			`position: absolute`
Wrapping up work on the folderized thangs treema in the level editor. 2014-09-03 19:44:59 -04:00			`top: 45px`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00			`left: 0`
			`right: 0`
			`bottom: 0`
			`overflow: scroll`
			`margin: 0`
			`outline: thin`
			`border: none`
Tweaked a few styles on the ThangsTabView. 2014-09-02 19:42:53 -04:00			`padding-top: 0`
Folderizing thang types in the level editor. 2014-09-03 15:30:08 -04:00
			`.treema-schema-select`
			`display: none`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00
			`.treema-children .treema-row *`
			`cursor: pointer !important`
Wrapping up work on the folderized thangs treema in the level editor. 2014-09-03 19:44:59 -04:00
			`.treema-key`
			`display: none`

			`h6`
			`margin: 0`
			`line-height: 20px`

			`.treema-thangs-folder`
			`margin-top: 2px`
			`color: #253341`

			`.treema-thang`
			`color: #253341`
			`position: relative`
			`left: -20px`

			`.treema-node`
			`border: none`
Some tweaks and fixes to the folderized thangs in the level editor. 2014-09-03 18:38:34 -04:00
			`img`
			`float: left`
			`width: 18px`
			`margin-right: 5px`
Wrapping up work on the folderized thangs treema in the level editor. 2014-09-03 19:44:59 -04:00			`margin-left: 5px`
Some tweaks and fixes to the folderized thangs in the level editor. 2014-09-03 18:38:34 -04:00			`position: relative`
Wrapping up work on the folderized thangs treema in the level editor. 2014-09-03 19:44:59 -04:00			`border: 1px solid gray`
			`//top: 2px`
Some tweaks and fixes to the folderized thangs in the level editor. 2014-09-03 18:38:34 -04:00
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00			`.world-container`
			`margin-left: 0`
			`margin-right: 0`
			`box-sizing: border-box`

			`.world-container`
			`position: relative`

			`#canvas-wrapper`
			`width: 100%`
			`position: relative`
			`text-align: center`

Tweaked the randomize buttons and modal (also changing it to "generate terrain" and refactoring related files accordingly). 2014-09-02 20:52:44 -04:00			`.generate-terrain-button`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00			`position: absolute`
			`top: 45%`
Tweaked the randomize buttons and modal (also changing it to "generate terrain" and refactoring related files accordingly). 2014-09-02 20:52:44 -04:00			`//height: 40px`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00
Got the level editor mostly working again. 2014-10-01 16:26:38 -04:00			`canvas`
Cleared out the thangs tab view mobile handling and just made the left and right columns toggleable all the time. The surface now fills the whole width. 2014-09-02 17:52:56 -04:00			`width: 100%`
			`display: block`
			`border: 1px solid black`
Got the level editor mostly working again. 2014-10-01 16:26:38 -04:00
			`#webgl-surface`
Fixed normalCanvas styling in the level editor. 2014-10-03 12:59:54 -04:00			`background-color: #ddd`
Got the level editor mostly working again. 2014-10-01 16:26:38 -04:00			`z-index: 1`

			`#normal-surface`
Merge branch 'master' of https://github.com/codecombat/codecombat 2014-10-01 16:26:45 -04:00			`z-index: 2`
Fixed normalCanvas styling in the level editor. 2014-10-03 12:59:54 -04:00			`position: absolute`
			`left: 0`
			`top: 0`
			`pointer-events: none`
Added rotation buttons in the context menu and shortcuts to the level editor. 2014-10-21 18:19:12 -04:00
			`#contextmenu`
			`text-align: left`
Noting some TODOs to fix soon. 2015-01-05 23:49:59 -05:00
			`#thang-components-edit-view`
			`#thang-component-configs`
			`// Get these away from the bottom of the screen so we can have dropdowns.`
			`padding-bottom: 400px`