diff --git a/app/styles/notify.sass b/app/styles/notify.sass index ab6a4cd56..c36e6b413 100644 --- a/app/styles/notify.sass +++ b/app/styles/notify.sass @@ -1,24 +1,27 @@ .notifyjs-achievement-base - opacity: 0.85 - width: 400px - background: #F5F5F5 - padding: 40px 10px 0px 10px - border-radius: 10px + background: url("/images/pages/base/notify_mockup.png") + background-size: 100% 100% + width: 500px + height: 200px + padding: 35px 20px 15px 15px text-align: center .achievement-body - - .achievement-title - font-family: Bangers - font-size: 22px - .achievement-image img float: left width: 100px height: 100px border-radius: 50% - margin: 0px 30px 30px 30px + margin: 30px 40px 20px 30px + + .achievement-title + font-family: Bangers + font-size: 28px + + .achievement-description + margin-top: 10px + font-size: 16px .achievement-message &:empty @@ -26,11 +29,13 @@ .achievement-progress - padding: 10px 0px 0px 0px + padding: 25px 0px 0px 0px .progress-wrapper .progress-bar-wrapper width: 100% .earned-exp + padding-left: 5px font-family: Bangers + font-size: 16px float: right \ No newline at end of file diff --git a/app/templates/achievement_notify.jade b/app/templates/achievement_notify.jade index 0ffdd53a9..b981d3e72 100644 --- a/app/templates/achievement_notify.jade +++ b/app/templates/achievement_notify.jade @@ -1,12 +1,12 @@ div div.clearfix.achievement-body div.achievement-image(data-notify-html="image") - div.achievement-title(data-notify-html="title") - div.achievement-description(data-notify-html="description") - - div.achievement-progress - div.achievement-message(data-notify-html="message") - div.progress-wrapper - div.progress-bar-wrapper(data-notify-html="progressBar") - div.earned-exp(data-notify-html="earnedExp") + div.achievement-content + div.achievement-title(data-notify-html="title") + div.achievement-description(data-notify-html="description") + div.achievement-progress + div.achievement-message(data-notify-html="message") + div.progress-wrapper + div.earned-exp(data-notify-html="earnedExp") + div.progress-bar-wrapper(data-notify-html="progressBar") \ No newline at end of file diff --git a/app/views/kinds/RootView.coffee b/app/views/kinds/RootView.coffee index 5912242fc..e945d6fcd 100644 --- a/app/views/kinds/RootView.coffee +++ b/app/views/kinds/RootView.coffee @@ -31,8 +31,9 @@ module.exports = class RootView extends CocoView $.notify.addStyle 'achievement', html: $(AchievementNotify()) - test = new Achievement(_id:'537ce4855c91b8d1dda7fda8') - test.fetch(success:@showNewAchievement) + # TODO Remove this. Allows for easy testing right now though + #test = new Achievement(_id:'537ce4855c91b8d1dda7fda8') + #test.fetch(success:@showNewAchievement) showNewAchievement: (achievement) -> currentLevel = me.level()