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

Commit f912056

Browse files
tladendotladendo
committed
Basic styling for mobile header
1 parent 875c25c commit f912056

File tree

8 files changed

+121
-47
lines changed

8 files changed

+121
-47
lines changed

‎app/directives/profile-widget/profile-widget.jade

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,14 @@
11
.profile-widget-directive
22
a(ui-sref="profile.about({userHandle: profile.handle})")
3-
img.profile-circle(fallback-img="/images/avatarPlaceholder.png", loading-src="/images/avatarPlaceholder.png", ng-src="{{profile.photoURL}}")
3+
img.profile-circle(fallback-img="/images/avatarPlaceholder.png", ng-src="http://www.topcoder.com{{profile.photoURL}}")
44

5-
.info
6-
h1 {{profile.handle}}
5+
h1.handle {{profile.handle}}
76

8-
h3.tenure(ng-if="profile.startMonth")
9-
| Member Since {{profile.startMonth}}
7+
h3.tenure(ng-if="profile.startMonth")
8+
| Member Since {{profile.startMonth}}
109

11-
p.description {{profile.quote}}
10+
h3.location-challenges {{profile.homeCountryCode | country}} | {{numChallenges}} Challenges
1211

13-
h3.location-challenges {{profile.homeCountryCode | country}} | {{numChallenges}} Challenges
12+
p.description {{profile.quote}}
1413

15-
a(ng-show="editProfileLink", ui-sref="settings.profile") Edit Profile
14+
a(ng-show="editProfileLink", ui-sref="settings.profile") Edit Profile

‎app/profile/about/about.controller.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
var profileVm = $scope.$parent.profileVm;
1111
vm.categoryIndex = 0;
1212
vm.skillIndex = 0;
13+
vm.imgMap = {};
1314

1415
activate();
1516

@@ -23,5 +24,11 @@
2324
});
2425
}
2526

27+
vm.imgMap = {
28+
'DEVELOP': 'develop',
29+
'DESIGN': 'design',
30+
'DATA_SCIENCE': 'data'
31+
};
32+
2633
}
2734
})();

‎app/profile/about/about.jade

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,17 @@
33

44
.tracks-links
55
.tracks
6-
.track(ng-repeat="track in (profileVm.profile.tracks | track)")
7-
| {{track}}
6+
.track(ng-repeat="track in (profileVm.profile.tracks)")
7+
img(ng-src="images/ico-track-{{vm.imgMap[track]}}-outline.svg")
8+
.text {{track | track}}
89

910
hr
1011

1112
.links
12-
a.forums(href="http://forums.{{DOMAIN}}/?module=History&userID={{profileVm.profile.userId}}")
13-
Forum Posts
14-
a.badges
15-
a(ng-click="profileVm.showBadges()") Badges
13+
a.forums.link(href="http://forums.{{DOMAIN}}/?module=History&userID={{profileVm.profile.userId}}")
14+
| Forum Posts
15+
a.badges.link(ng-click="profileVm.showBadges()")
16+
| Badges
1617

1718
.profile-about-container
1819

‎assets/css/directives/profile-widget.scss

Lines changed: 35 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,50 @@
11
.profile-widget-directive {
22
display: flex;
3-
flex-direction: row;
3+
flex-direction: column;
4+
align-items: center;
45

56
img.profile-circle {
67
border-radius: 50%;
78
display: inline;
89
margin-right: 20px;
9-
width: 130px;
10-
height: 130px;
10+
width: 140px;
11+
height: 140px;
12+
margin-top: 30px;
1113
}
1214

13-
.info {
14-
margin-top: 20px;
15+
h1.handle {
16+
margin-top: 30px;
17+
font-size: 38px;
18+
font-weight: bold;
19+
}
1520

16-
h1 {
17-
font-size: 25px;
18-
margin-bottom: 5px;
19-
span.realName {
20-
font-size: 15px;
21-
}
22-
}
21+
h3.tenure {
22+
margin-top: 5px;
23+
font-size: 19px;
24+
color: #d1d3d4;
25+
text-transform: uppercase;
26+
}
2327

24-
h5 {
25-
color: gray;
26-
&.tracks {
27-
text-transform: uppercase;
28-
}
29-
&.location {
30-
margin-top: 10px;
31-
}
28+
h5 {
29+
color: gray;
30+
&.tracks {
31+
text-transform: uppercase;
3232
}
33-
34-
p.description {
35-
line-height: 1.5;
36-
width: 50%;
37-
margin: auto;
38-
text-align: center;
33+
&.location {
34+
margin-top: 10px;
3935
}
4036
}
37+
38+
h3.location-challenges {
39+
margin-top: 29px;
40+
font-size: 19px;
41+
}
42+
43+
p.description {
44+
margin-top: 10px;
45+
font-size: 14px;
46+
line-height: 24px;
47+
width: 254px;
48+
text-align: center;
49+
}
4150
}

‎assets/css/profile/header.scss

Lines changed: 35 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,22 +7,50 @@
77
justify-content: space-between;
88

99
.tracks-links {
10+
display: flex;
11+
flex-direction: column;
12+
align-items: center;
1013
.tracks {
1114
display: flex;
1215
justify-content: center;
1316
.track {
14-
background: #dddddd;
15-
border-radius: 5px;
16-
padding: 5px 10px;
17-
margin: 15px 5px;
17+
display: flex;
18+
flex-direction: column;
19+
align-items: center;
20+
margin: 15px 8px 0 8px;
21+
.text {
22+
font-size: 12px;
23+
margin-top: 11px;
24+
text-transform: uppercase;
25+
}
1826
}
1927
}
2028

29+
hr {
30+
margin-top: 14px;
31+
color: #f0f0f0;
32+
}
2133

22-
23-
h4 {
24-
color: gray;
34+
.links {
35+
margin-top: 30px;
36+
display: flex;
37+
flex-direction: row;
38+
align-items: center;
39+
.link {
40+
background: $ui-blue;
41+
border-radius: 5px;
42+
padding: 7px 12px;
43+
text-decoration: none;
44+
color: white;
45+
text-transform: uppercase;
46+
margin-left: 5px;
47+
margin-right: 5px;
48+
font-size: 14px;
49+
line-height: 20px;
50+
}
2551
}
52+
53+
2654
}
2755
}
2856

‎assets/images/ico-track-data-outline.svg

Lines changed: 10 additions & 0 deletions
Loading

‎assets/images/ico-track-design-outline.svg

Lines changed: 10 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)