Added the close button to the GameMenuModal.
This commit is contained in:
parent
3008abed19
commit
1889c771f2
3 changed files with 24 additions and 0 deletions
app
styles/game-menu
templates/game-menu
views/game-menu
|
@ -20,7 +20,27 @@
|
||||||
top: -146px
|
top: -146px
|
||||||
left: -3px
|
left: -3px
|
||||||
|
|
||||||
|
|
||||||
|
//- Close modal button
|
||||||
|
|
||||||
|
#close-modal
|
||||||
|
position: absolute
|
||||||
|
left: 769px
|
||||||
|
top: -5px
|
||||||
|
width: 60px
|
||||||
|
height: 60px
|
||||||
|
color: white
|
||||||
|
text-align: center
|
||||||
|
font-size: 30px
|
||||||
|
padding-top: 17px
|
||||||
|
cursor: pointer
|
||||||
|
z-index: 2
|
||||||
|
@include rotate(-3deg)
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
color: yellow
|
||||||
|
|
||||||
|
|
||||||
//- Nav bar
|
//- Nav bar
|
||||||
|
|
||||||
#game-menu-nav
|
#game-menu-nav
|
||||||
|
|
|
@ -2,6 +2,9 @@
|
||||||
.modal-content
|
.modal-content
|
||||||
img(src="/images/pages/play/modal/game-menu-background.png")#game-menu-background
|
img(src="/images/pages/play/modal/game-menu-background.png")#game-menu-background
|
||||||
|
|
||||||
|
div#close-modal
|
||||||
|
span.glyphicon.glyphicon-remove
|
||||||
|
|
||||||
ul#game-menu-nav.nav.nav-pills.nav-stacked
|
ul#game-menu-nav.nav.nav-pills.nav-stacked
|
||||||
li
|
li
|
||||||
a#change-hero-tab
|
a#change-hero-tab
|
||||||
|
|
|
@ -17,6 +17,7 @@ module.exports = class GameMenuModal extends ModalView
|
||||||
'change input.select': 'onSelectionChanged'
|
'change input.select': 'onSelectionChanged'
|
||||||
'shown.bs.tab #game-menu-nav a': 'onTabShown'
|
'shown.bs.tab #game-menu-nav a': 'onTabShown'
|
||||||
'click #change-hero-tab': -> @trigger 'change-hero'
|
'click #change-hero-tab': -> @trigger 'change-hero'
|
||||||
|
'click #close-modal': 'hide'
|
||||||
|
|
||||||
constructor: (options) ->
|
constructor: (options) ->
|
||||||
super options
|
super options
|
||||||
|
|
Reference in a new issue