codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-04-26 05:53:39 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

moving some styling

Browse source
This commit is contained in:
Dominik Kundel 2014-08-15 01:56:01 +02:00
parent 45e4079c2b
commit 755a86e3d3
3 changed files with 73 additions and 80 deletions
app
styles/play/level/tome
spell_palette_entry.sasstome.sass
views/play/level/tome
SpellView.coffee

72
app/styles/play/level/tome/spell_palette_entry.sass
View file

@ -30,3 +30,75 @@
&.undefined
color: rgb(197, 6, 11)
.spell-palette-popover.popover
// Only those popovers which are our direct children (spell documentation)
max-width: 600px
&.pinned
left: auto !important
top: 50px !important
right: 45%
// bottom: 151px
@include user-select(text)
// Wish I could set max-width and max-height (and override Bootstrap's stuff)
// but without explicitly setting height, child overflow-y: scroll doesn't work
min-width: 45%
height: 60%
.arrow
display: none
.close
position: absolute
top: 5%
right: 5%
font-size: 28px
font-weight: bold
@include opacity(0.6)
text-shadow: 0 1px 0 white
&:hover
@include opacity(1)
padding: 10px 10px 30px 10px
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px
@include box-shadow(0 0 0 #000)
h1:not(.not-code), h2:not(.not-code), h3:not(.not-code), h4:not(.not-code), h5:not(.not-code), h6:not(.not-code)
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
.popover-title
background-color: transparent
margin: 0 14px
padding: 8px 0
border-bottom-color: #ccc
.popover-content
max-height: 100%
overflow-y: auto
margin-right: 10px
img
float: right
&.top .arrow
bottom: -2%
&.bottom .arrow
top: -2%
&.left .arrow
right: 0%
&.right .arrow
left: -3%
html.no-borderimage
.spell-palette-popover.popover
background: transparent url(/images/level/popover_background.png)
background-size: 100% 100%
border: 0
html.fullscreen-editor
.spell-palette-popover.popover.pinned
min-width: 600px
bottom: inherit
right: 50%
margin-right: -300px

78
app/styles/play/level/tome/tome.sass
View file

@ -73,7 +73,6 @@
// Set z-index of autocomplete popup smaller than the one of popovers
.ace_editor.ace_autocomplete
z-index: 20 !important
border-color: red !important
html.no-borderimage
#tome-view
@ -89,80 +88,3 @@ html.no-borderimage
bottom: inherit
right: 50%
margin-right: -300px
// NEED TO MOVE THIS
// --------------------------------
.spell-palette-popover.popover
// Only those popovers which are our direct children (spell documentation)
max-width: 600px
&.pinned
left: auto !important
top: 50px !important
right: 45%
// bottom: 151px
@include user-select(text)
// Wish I could set max-width and max-height (and override Bootstrap's stuff)
// but without explicitly setting height, child overflow-y: scroll doesn't work
min-width: 45%
height: 60%
.arrow
display: none
.close
position: absolute
top: 5%
right: 5%
font-size: 28px
font-weight: bold
@include opacity(0.6)
text-shadow: 0 1px 0 white
&:hover
@include opacity(1)
padding: 10px 10px 30px 10px
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px
@include box-shadow(0 0 0 #000)
h1:not(.not-code), h2:not(.not-code), h3:not(.not-code), h4:not(.not-code), h5:not(.not-code), h6:not(.not-code)
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
.popover-title
background-color: transparent
margin: 0 14px
padding: 8px 0
border-bottom-color: #ccc
.popover-content
max-height: 100%
overflow-y: auto
margin-right: 10px
img
float: right
&.top .arrow
bottom: -2%
&.bottom .arrow
top: -2%
&.left .arrow
right: 0%
&.right .arrow
left: -3%
html.no-borderimage
.spell-palette-popover.popover
background: transparent url(/images/level/popover_background.png)
background-size: 100% 100%
border: 0
html.fullscreen-editor
.spell-palette-popover.popover.pinned
min-width: 600px
bottom: inherit
right: 50%
margin-right: -300px

3
app/views/play/level/tome/SpellView.coffee
View file

@ -201,11 +201,10 @@ module.exports = class SpellView extends CocoView
tabTrigger: doc.snippets[e.language].tab
snippetEntries.push entry
# window.zatanna = @zatanna
# window.zatannaInstance = @zatanna
# window.snippetEntries = snippetEntries
lang = @editModes[e.language].substr 'ace/mode/'.length
@zatanna.addSnippets snippetEntries, lang
window.aceEditor = @ace
onMultiplayerChanged: ->
if @session.get('multiplayer')