Do not hide teacher note for small screens, add close link

This commit is contained in:
Scott Erickson 2016-02-03 10:10:43 -08:00
parent 38ae7599c4
commit 9e38587719
3 changed files with 9 additions and 2 deletions

View file

@ -126,11 +126,13 @@
top: 400px
width: 380px
z-index: 1
.glyphicon-remove:hover
text-decoration: none
.btn
margin: 10px 0
@media screen and ( max-width: 1000px )
display: none
@media screen and ( max-height: 800px )
top: 200px

View file

@ -42,6 +42,7 @@ block outer_content
if view.withTeacherNote
.style-flat
.bg-navy
a#close-teacher-note-link.glyphicon.glyphicon-remove.pull-right
h3 Teachers!
h4 Want the most engaging way to teach programming at your school?
.text-center

View file

@ -7,6 +7,7 @@ module.exports = class HomeView extends RootView
events:
'click #play-button': 'onClickPlayButton'
'click #close-teacher-note-link': 'onClickCloseTeacherNoteLink'
constructor: (options={}) ->
super()
@ -56,3 +57,6 @@ module.exports = class HomeView extends RootView
isNewPlayer: ->
not me.get('stats')?.gamesCompleted and not me.get('heroConfig')
onClickCloseTeacherNoteLink: ->
@$('.style-flat').addClass('hide')