diff --git a/app/styles/game-menu/game-menu-modal.sass b/app/styles/game-menu/game-menu-modal.sass index 77dd95eed..8d9c79203 100644 --- a/app/styles/game-menu/game-menu-modal.sass +++ b/app/styles/game-menu/game-menu-modal.sass @@ -20,7 +20,27 @@ top: -146px 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 #game-menu-nav diff --git a/app/templates/game-menu/game-menu-modal.jade b/app/templates/game-menu/game-menu-modal.jade index 3fbfa3d9e..8ff4359a8 100644 --- a/app/templates/game-menu/game-menu-modal.jade +++ b/app/templates/game-menu/game-menu-modal.jade @@ -2,6 +2,9 @@ .modal-content 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 li a#change-hero-tab diff --git a/app/views/game-menu/GameMenuModal.coffee b/app/views/game-menu/GameMenuModal.coffee index 0e078115f..3e52e1bd8 100644 --- a/app/views/game-menu/GameMenuModal.coffee +++ b/app/views/game-menu/GameMenuModal.coffee @@ -17,6 +17,7 @@ module.exports = class GameMenuModal extends ModalView 'change input.select': 'onSelectionChanged' 'shown.bs.tab #game-menu-nav a': 'onTabShown' 'click #change-hero-tab': -> @trigger 'change-hero' + 'click #close-modal': 'hide' constructor: (options) -> super options