mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-18 11:32:25 -05:00
d77625bc77
* Tweak API doc behavior and styling * Instead of moving to the left during active dialogues, just move to the top * Allow pointer events * Adjust close button * Re-enable pinning API docs for game-dev and web-dev levels * Make sidebar in PlayGameDevLevelView stretch, better layout columns * Set up content of PlayGameDevLevelView sidebar to scroll * Add rest of PlayGameDevLevelView sidebar content, rework what loading looks like * Finish PlayGameDevLevelView * Add share area below * Cover the brown background, paint it gray * Tweak PlayGameDevLevelView * Have progress bar show everything * Fix Surface resize handling * Fix PlayGameDevLevelView resizing incorrectly when playing * Add GameDevVictoryModal to PlayGameDevLevelView * Don't show missing-doctype annotation in Ace * Hook up GameDevVictoryModal copy button * Fix onChangeAnnotation runtime error * Fix onLevelLoaded runtime error * Have CourseVictoryModal link to /courses when course is done * Trim, update CourseDetailsView * Remove last vestiges of teacherMode * Remove giant navigation buttons at top * Quick switch to flat style * Add analytics for game-dev * Update Analytics events for gamedev * Prefix event names with context * Send to Mixpanel * Include more properties * Mostly set up indefinite play and autocast for game-dev levels * Set up cast buttons and shortcut for game-dev * Add rudimentary instructions when students play game-dev levels * Couple tweaks * fix a bit of code that expects frames to always stick around * have PlayGameDevLevelView render a couple frames on load * API Docs use 'game' instead of 'hero' * Move tags to head without combining * Add HTML comment-start string Fixes missing entry point arrows * Fix some whitespace
61 lines
1,012 B
Sass
61 lines
1,012 B
Sass
#play-game-dev-level-view
|
|
.container-fluid
|
|
overflow: hidden
|
|
background: #333
|
|
padding: 15px
|
|
height: 100vh
|
|
|
|
#game-row
|
|
display: flex
|
|
|
|
#canvas-wrapper
|
|
width: 100%
|
|
position: relative
|
|
overflow: hidden
|
|
z-index: 0
|
|
border-radius: 5px
|
|
|
|
#webgl-surface
|
|
background-color: #333
|
|
|
|
#normal-surface
|
|
position: absolute
|
|
top: 0
|
|
left: 0
|
|
pointer-events: none
|
|
|
|
canvas#webgl-surface, canvas#normal-surface
|
|
display: block
|
|
z-index: 2
|
|
|
|
#info-col
|
|
.panel
|
|
height: 100%
|
|
display: flex
|
|
flex-direction: column
|
|
|
|
.panel-body
|
|
flex-grow: 1
|
|
overflow: scroll
|
|
|
|
.panel-footer
|
|
min-height: 70px
|
|
|
|
#play-btn
|
|
text-transform: uppercase
|
|
|
|
#share-panel-body
|
|
display: flex
|
|
align-items: center
|
|
|
|
#share-text-div, #copy-url-div
|
|
flex-grow: 1
|
|
|
|
#share-text-div
|
|
margin-right: 20px
|
|
|
|
#copy-url-input
|
|
width: 50%
|
|
|
|
#copy-url-div
|
|
margin-left: 20px
|