mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-03-13 22:49:51 -04:00
Improved upon the Buy Gems Window for #2238
Added the header and close button for the Buy Gems Window.
This commit is contained in:
parent
d5ac001a55
commit
4269f6a652
4 changed files with 41 additions and 2 deletions
|
@ -1,8 +1,23 @@
|
|||
@import "app/styles/mixins"
|
||||
|
||||
#buy-gems-modal
|
||||
|
||||
//- Header
|
||||
|
||||
h1
|
||||
position: absolute
|
||||
left: 164px
|
||||
top: -70px
|
||||
margin: 0
|
||||
width: 450px
|
||||
text-align: center
|
||||
color: rgb(254,188,68)
|
||||
font-size: 38px
|
||||
text-shadow: black 4px 4px 0, black -4px -4px 0, black 4px -4px 0, black -4px 4px 0, black 4px 0px 0, black 0px -4px 0, black -4px 0px 0, black 0px 4px 0
|
||||
|
||||
//- Clear modal defaults
|
||||
.modal-dialog
|
||||
margin: 100px auto 0 auto
|
||||
margin: 150px auto 0 auto
|
||||
padding: 0
|
||||
width: 820px
|
||||
height: 460px
|
||||
|
@ -14,6 +29,24 @@
|
|||
top: -157px
|
||||
left: -2px
|
||||
|
||||
//- Close modal button
|
||||
|
||||
#close-modal
|
||||
position: absolute
|
||||
left: 612px
|
||||
top: -80px
|
||||
width: 60px
|
||||
height: 60px
|
||||
color: white
|
||||
text-align: center
|
||||
font-size: 30px
|
||||
padding-top: 15px
|
||||
cursor: pointer
|
||||
@include rotate(-3deg)
|
||||
|
||||
&:hover
|
||||
color: yellow
|
||||
|
||||
//- Products
|
||||
|
||||
#products
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
.modal-dialog
|
||||
.modal-content
|
||||
|
||||
if state === 'purchasing'
|
||||
.alert.alert-info(data-i18n="buy_gems.purchasing")
|
||||
|
||||
|
@ -8,7 +9,8 @@
|
|||
|
||||
else
|
||||
img(src="/images/pages/play/modal/buy-gems-background.png")#buy-gems-background
|
||||
|
||||
h1(data-i18n="play.buy_gems")
|
||||
|
||||
#products
|
||||
for product in products
|
||||
.product
|
||||
|
@ -35,3 +37,6 @@
|
|||
span(data-i18n="buy_gems.recovered")
|
||||
button.close(type="button" data-dismiss="alert")
|
||||
span(aria-hidden="true") ×
|
||||
|
||||
div#close-modal
|
||||
span.glyphicon.glyphicon-remove
|
||||
|
|
|
@ -21,6 +21,7 @@ module.exports = class BuyGemsModal extends ModalView
|
|||
|
||||
events:
|
||||
'click .product button': 'onClickProductButton'
|
||||
'click #close-modal': 'hide'
|
||||
|
||||
constructor: (options) ->
|
||||
super(options)
|
||||
|
|
BIN
public/images/pages/play/modal/buy-gems-background.png
Normal file
BIN
public/images/pages/play/modal/buy-gems-background.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 171 KiB |
Loading…
Reference in a new issue