Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit 63942b1

Browse files
committed
Updated version of 5 Weeks to Learn Topcode announcement
- No title nor details text in the expanded state - Entire banner serves as a redirect button, when expanded
1 parent 82c2bf5 commit 63942b1

File tree

3 files changed

+6
-3
lines changed

3 files changed

+6
-3
lines changed

app/directives/notification/notification.jade

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@
66
.details {{config.details}}
77
i.expand.fa.fa-plus(ng-click="vm.toggle()")
88
.expanded(ng-show="vm.expanded", ng-style="{'background-image': 'url(https://github.com/'+vm.loadImage(config.backgroundImage)+')'}")
9-
.mask
9+
a.mask(href="{{config.redirectTo}}")
10+
 
1011
.left(ng-style="{'height': (config.height || vm.defaultHeight) + 'px'}")
1112
.header {{config.headerExpand}}
1213
.details {{config.detailsExpand}}

app/my-dashboard/notifications/news.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22
{
33
"header": "Five Weeks to Learn Topcoder",
44
"details": "Five weeks of learning - we'll be teaching you how to compete at Topcoder! ",
5-
"headerExpand": "Five Weeks to Learn Topcoder!",
6-
"detailsExpand": "Five weeks of educational content, live videos, interviews, fun challenges, and more. Everything you need to know created for the community by the community.",
5+
"headerExpand": "",
6+
"detailsExpand": "",
77
"backgroundImage": "top-5-weeks.png",
88
"redirectTo": "https://www.topcoder.com/community/member-programs/five-weeks-to-learn-topcoder/",
99
"redirectText": "Five Weeks to Learn Topcoder!",

assets/css/directives/notification.directive.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,7 @@
6868
left:0;
6969
bottom: 0;
7070
right: 0;
71+
z-index: 1;
7172
}
7273
.left{
7374
padding-top: 70px;
@@ -133,6 +134,7 @@
133134
cursor: pointer;
134135
font-size: 26px;
135136
font-weight: 100;
137+
z-index: 2;
136138
}
137139
}
138140
}

0 commit comments

Comments
 (0)