codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-12-12 00:31:21 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions
codecombat/app/styles/play/level/tome/spell_palette_entry.sass

177 lines
4.1 KiB
Sass
Raw Normal View History

Many improvements to the spell palette.
2014-02-16 18:30:00 -05:00
@import "app/styles/mixins"
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/bootstrap/variables"
Ready for action, sir!
2014-01-03 13:32:13 -05:00
Disabled clicking spell palette entries for hero levels.
2014-09-25 01:52:18 -04:00
#level-view.hero .spell-palette-entry-view
// Not clickable.
cursor: default
Ready for action, sir!
2014-01-03 13:32:13 -05:00
.spell-palette-entry-view
Many improvements to the spell palette.
2014-02-16 18:30:00 -05:00
display: block
padding: 0px 4px
Ready for action, sir!
2014-01-03 13:32:13 -05:00
font-family: Menlo, Monaco, Consolas, "Courier New", monospace
font-size: 12px
Many improvements to the spell palette.
2014-02-16 18:30:00 -05:00
border: 1px solid transparent
cursor: pointer
Still let people copy out of spell palette entries while suppressing selection color.
2014-02-23 19:49:25 -05:00
@include user-select(all)
First draft of new hero spell palette that groups abilities by item.
2014-10-17 00:38:11 -04:00
height: 19px
text-overflow: ellipsis
overflow: hidden
white-space: nowrap
Many improvements to the spell palette.
2014-02-16 18:30:00 -05:00
&:hover
Make spell palette prettier
2014-02-23 18:10:03 -05:00
border: 1px solid #000000
Many improvements to the spell palette.
2014-02-16 18:30:00 -05:00
&.pinned
Make spell palette prettier
2014-02-23 18:10:03 -05:00
background-color: darken(#FFFFFF, 25%)
Ready for action, sir!
2014-01-03 13:32:13 -05:00
Fixes to spell palette doc hovering and ensuring at least two column layout.
2014-11-19 21:36:09 -05:00
&.single-entry
height: 38px
line-height: 38px
Messing with .executing styles to make them outrageously visible.
2014-10-27 18:54:49 -04:00
// Originally pulled these colors from the most relevant textmate-theme classes, but then fudged them a lot.
Implementing more of new code editor design. Removed ThangList, EditorConfigModal, and a few other obsolete things.
2014-11-07 19:04:35 -05:00
//&.function
// color: black
//&.object
// color: rgb(6, 150, 14)
//&.string
// color: rgb(3, 106, 7)
//&.number
// color: rgb(0, 0, 205)
//&.boolean
// color: rgb(88, 92, 246)
//&.snippet
// color: blue
//&.undefined
// color: rgb(197, 6, 11)
color: rgb(243, 169, 49)
Ready for action, sir!
2014-01-03 13:32:13 -05:00
Moved spell palette popovers to top placement if dialogue view is active.
2014-11-21 15:14:37 -05:00
Game dev levels (#3810) * 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
2016-07-28 16:39:58 -04:00
body.dialogue-view-active
Moved spell palette popovers to top placement if dialogue view is active.
2014-11-21 15:14:37 -05:00
.spell-palette-popover.popover
Game dev levels (#3810) * 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
2016-07-28 16:39:58 -04:00
top: 50px !important
moving some styling
2014-08-14 19:56:01 -04:00
.spell-palette-popover.popover
// Only those popovers which are our direct children (spell documentation)
:bug:Show API docs popovers higher over surface
2016-08-09 09:03:58 -04:00
top: 80px !important
Show API popup entirely over surface Covering user code causes problems for players.
2016-07-20 20:06:51 -04:00
left: auto !important
Game dev levels (#3810) * 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
2016-07-28 16:39:58 -04:00
right: 45%
moving some styling
2014-08-14 19:56:01 -04:00
max-width: 600px
Game dev levels (#3810) * 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
2016-07-28 16:39:58 -04:00
min-width: 500px
Using ACE to add syntax highlighting to code documentation.
2014-11-26 15:33:29 -05:00
padding: 0
Fixed some border images in Firefox, and hopefully in other browsers.
2014-12-07 18:51:32 -05:00
border-style: solid
Using new border image popover backgrounds.
2014-12-10 14:00:52 -05:00
border-image: url(/images/level/popover_border_background.png) 16 12 fill round
border-width: 16px 12px
Using ACE to add syntax highlighting to code documentation.
2014-11-26 15:33:29 -05:00
@include box-shadow(0 0 0 #000)
Fix loss of editor focus when clicking error messages and property docs popovers
2015-11-30 17:18:42 -05:00
// Prevent flickering in weird scenarios where popover goes over its own property
moving some styling
2014-08-14 19:56:01 -04:00
Jiggle spell palette popover onclick in hero level
2014-11-22 20:35:05 -05:00
// Jiggle animation
// TODO: consolidate with problem_alert.sass jiggle
+keyframes(jiggle)
0%
transform: rotate(0deg)
25%
transform: rotate(1deg)
50%
transform: rotate(0deg)
75%
transform: rotate(-1deg)
100%
transform: rotate(0deg)
&.jiggling
@include animation(jiggle .3s infinite)
moving some styling
2014-08-14 19:56:01 -04:00
&.pinned
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
Game dev levels (#3810) * 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
2016-07-28 16:39:58 -04:00
top: -7px
right: 2px
moving some styling
2014-08-14 19:56:01 -04:00
font-size: 28px
font-weight: bold
@include opacity(0.6)
text-shadow: 0 1px 0 white
&:hover
@include opacity(1)
h1:not(.not-code), h2:not(.not-code), h3:not(.not-code), h4:not(.not-code), h5:not(.not-code), h6:not(.not-code)
Using ACE to add syntax highlighting to code documentation.
2014-11-26 15:33:29 -05:00
font-family: Monaco, Menlo, Ubuntu Mono, Consolas, "source-code-pro", monospace !important
Fixed small-caps font-variant on docs popover titles.
2014-11-19 18:01:20 -05:00
font-variant: normal
moving some styling
2014-08-14 19:56:01 -04:00
.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%
Using ACE to add syntax highlighting to code documentation.
2014-11-26 15:33:29 -05:00
.docs-ace-container
padding: 2px 4px
border-radius: 4px
&, .docs-ace
background-color: #f9f2f4
font-size: 12px
font-family: Monaco, Menlo, Ubuntu Mono, Consolas, "source-code-pro", monospace !important
.docs-ace
.ace_cursor, .ace_bracket
display: none
code
color: black
font-family: Monaco, Menlo, Ubuntu Mono, Consolas, "source-code-pro", monospace !important
font-size: 12px
moving some styling
2014-08-14 19:56:01 -04:00
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%
Disabled clicking spell palette entries for hero levels.
2014-09-25 01:52:18 -04:00
margin-right: -300px
FastClick avoidance on start level button.
2014-10-26 20:49:34 -04:00
// iPad property docs
Formatting docs popovers for iPad.
2014-10-26 23:21:03 -04:00
FastClick avoidance on start level button.
2014-10-26 20:49:34 -04:00
.tome-inventory-property-documentation
Formatting docs popovers for iPad.
2014-10-26 23:21:03 -04:00
background-color: #e3d39a
padding: 10px
padding-bottom: 65px
width: 320px
min-height: 480px
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
Reference in a new issue Copy permalink