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

Commit 45d2b8d

Browse files
author
vikasrohit
committedDec 17, 2015
SUP-2728, Add iOS community to Onboarding page (Skill picker)
-- Incorporated code review suggestions (more consistent BEM naming)
1 parent 9e916e2 commit 45d2b8d

File tree

2 files changed

+16
-16
lines changed

2 files changed

+16
-16
lines changed
 

‎app/skill-picker/skill-picker.jade

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
p.instruction Hi {{vm.username}}! Your account is now active. To help other members get to know you, select the tracks in which you're interested, and specify some of your skills. You can edit this information later on your Profile.
55

66
.communities(ng-show="!vm.loadingCommunities && vm.showCommunity")
7-
.communities-title Communities
8-
.communities-description Topcoder regularly establishes exclusive communities to help members develop expertise and earn money in particular technologies. Join a featured community to be notified of events and challenges.
9-
.communities-list
10-
.community(ng-repeat="(communityKey, community) in vm.communities", ng-class="{'disabled': !community.status}", ng-if="community.display")
11-
.community-details
12-
.community-icon(ng-class="{'disabled': !community.status}")
7+
.communities__title Communities
8+
.communities__description Topcoder regularly establishes exclusive communities to help members develop expertise and earn money in particular technologies. Join a featured community to be notified of events and challenges.
9+
.communities__list
10+
.community(ng-repeat="(communityKey, community) in vm.communities", ng-class="{'community--disabled': !community.status}", ng-if="community.display")
11+
.community__details
12+
.community__icon(ng-class="{'community__icon--disabled': !community.status}")
1313
img(ng-if="communityKey == 'ios' && community.status", src="/images/ico-ios-community.svg")
1414
img(ng-if="communityKey == 'ios' && !community.status", src="/images/ico-ios-community-grey.svg")
1515

16-
.community-text
17-
span.community-title(class="{{!community.status && 'disabled'}}") {{community.displayName}}
18-
.community-description
16+
.community__text
17+
span.community__title(class="{{!community.status && 'disabled'}}") {{community.displayName}}
18+
.community__description
1919
span(ng-if="communityKey == 'ios'") Mobile app design and development for iOS, with Swift emphasis
2020

2121
onoff-switch(model="community.status", unique-id="'community-' + communityKey")

‎assets/css/skill-picker/skill-picker.scss

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -33,19 +33,19 @@
3333
.communities {
3434
width: 100%;
3535
margin-bottom: 30px;
36-
.communities-title {
36+
.communities__title {
3737
@include sofia-pro-regular;
3838
text-transform: uppercase;
3939
font-size: 18px;
4040
padding-bottom: 10px;
4141
}
42-
.communities-description {
42+
.communities__description {
4343
@include font-with-weight('Merriweather Sans');
4444
color: #A3A3AE;
4545
font-size: 13px;
4646
line-height: 18px;
4747
}
48-
.communities-list {
48+
.communities__list {
4949
margin-top: 10px;
5050
.community {
5151
display: flex;
@@ -59,18 +59,18 @@
5959
background-color: $gray-lightest;
6060
}
6161

62-
.community-details {
62+
.community__details {
6363
display: flex;
6464
flex-direction: row;
6565
align-items: center;
6666
padding-left: 10px;
6767
}
6868

69-
.community-text {
69+
.community__text {
7070
margin-left: 10px;
7171
}
7272

73-
.community-title {
73+
.community__title {
7474
font-size: 16px;
7575
line-height: 28px;
7676
@include font-with-weight('Sofia Pro', 500);
@@ -81,7 +81,7 @@
8181
}
8282
}
8383

84-
.community-description {
84+
.community__description {
8585
@include font-with-weight('Merriweather Sans', 400);
8686
font-size: 13px;
8787
margin-top: 4px;

0 commit comments

Comments
 (0)
This repository has been archived.