Skip to content

Commit e0d5f77

Browse files
kkartunovkkartunov
committed
Config and style updates to Zurich
1 parent 6448e45 commit e0d5f77

File tree

10 files changed

+220
-77
lines changed

10 files changed

+220
-77
lines changed

‎src/assets/themes/zurich/credit-suisse-logo.jpg

-12.5 KB
Binary file not shown.

‎src/assets/themes/zurich/zurich.svg

Lines changed: 89 additions & 0 deletions
Loading

‎src/server/tc-communities/zurich/metadata.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@
1313
"communityName": "Zurich Community",
1414
"groupIds": ["20000044"],
1515
"logos": [{
16-
"img": "/community-app-assets/themes/zurich/credit-suisse-logo.jpg",
17-
"url": "https://www.credit-suisse.com"
16+
"img": "/community-app-assets/themes/zurich/zurich.svg",
17+
"url": "https://www.zurich.com/"
1818
}, {
1919
"img": "/community-app-assets/themes/zurich/logo_topcoder_with_name.svg",
2020
"url": "https://www.topcoder.com"
@@ -38,6 +38,7 @@
3838
"url": "/challenges"
3939
}
4040
],
41+
"hideSearch": true,
4142
"newsFeed": "http://www.topcoder.com/feed",
4243
"subdomains": ["zurich"],
4344
"description": "Zurich Community.",

‎src/shared/components/tc-communities/communities/zurich/theme/buttons/_mixin.scss

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/**
2+
* Template mixin for all buttons of similar style
3+
*/
4+
5+
@mixin button($color, $background, $background-active) {
6+
.button {
7+
align-items: center;
8+
background: $background;
9+
border: 1px solid $background;
10+
border-radius: 0;
11+
color: $color;
12+
display: inline-flex;
13+
font: 16px 'Akkurat regular', monospace;
14+
justify-content: center;
15+
line-height: 16px;
16+
min-height: 40px;
17+
margin: 5px;
18+
padding: 5px 23px 3px;
19+
vertical-align: middle;
20+
transition: background-color .3s;
21+
}
22+
23+
/* Additional styling for a disabled button. */
24+
.disabled {
25+
cursor: not-allowed;
26+
opacity: 0.3;
27+
}
28+
29+
/* .link and .regular classes are applied only to active button-like links,
30+
* and real buttons (rendered as <button> elements). */
31+
a.link,
32+
.regular {
33+
color: $color;
34+
35+
&:visited {
36+
color: $color;
37+
}
38+
39+
&:focus {
40+
outline: none;
41+
color: $color;
42+
}
43+
44+
&:hover {
45+
border-color: $background-active;
46+
background-color: $background-active;
47+
color: $color;
48+
}
49+
50+
&:active {
51+
background-color: $background-active;
52+
color: $color;
53+
}
54+
}
55+
56+
/* And a few extra classes to support XS, SM and LG sizes. */
57+
58+
.xs {
59+
border-radius: 0;
60+
font-size: 12px;
61+
line-height: 12px;
62+
min-height: 20px;
63+
padding: 2px 13px 0;
64+
}
65+
66+
.sm {
67+
border-radius: 0;
68+
font-size: 14px;
69+
line-height: 14px;
70+
min-height: 30px;
71+
padding: 2px 18px;
72+
}
73+
74+
.lg {
75+
border-radius: 0;
76+
font-size: 20px;
77+
line-height: 20px;
78+
min-height: 50px;
79+
padding: 7px 28px 5px;
80+
}
81+
}

‎src/shared/components/tc-communities/communities/zurich/theme/buttons/default.scss

Lines changed: 0 additions & 56 deletions
This file was deleted.

‎src/shared/components/tc-communities/communities/zurich/theme/buttons/primary.scss

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/**
2+
* Theme for a gray outline button with Open Sans label font.
3+
*/
4+
5+
@import "../mixins.scss";
6+
@import "_mixin";
7+
8+
@include button(
9+
#fff,
10+
$blue-1-75,
11+
$blue-2);

‎src/shared/components/tc-communities/communities/zurich/theme/buttons/secondary.scss

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
/**
2+
* Theme for a gray outline button with Open Sans label font.
3+
*/
4+
5+
@import "../mixins.scss";
6+
@import "_mixin";
7+
8+
@include button(
9+
$blue-1-75,
10+
#fff,
11+
#fff);
12+
13+
.button {
14+
border: 1px solid $blue-1-75;
15+
}
16+
17+
a.link,
18+
.regular {
19+
&:hover {
20+
border-color: $blue-2;
21+
color: $blue-2;
22+
}
23+
}

‎src/shared/components/tc-communities/communities/zurich/theme/header.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
text-transform: none;
2626
text-decoration: underline;
2727
font-size: 16px;
28-
color: $blue-bright;
28+
color: $blue-1;
2929
}
3030

3131
@include xs-to-lg {
@@ -39,7 +39,7 @@
3939
text-transform: none;
4040
text-decoration: underline;
4141
font-size: 16px;
42-
color: $blue-bright;
42+
color: $blue-1;
4343
}
4444
}
4545

@@ -58,7 +58,7 @@
5858
font-family: 'Akkurat regular', sans-serif;
5959
text-transform: none;
6060
font-size: 16px;
61-
color: $blue-bright;
61+
color: $blue-1;
6262
}
6363

6464
.menu {
@@ -79,7 +79,7 @@
7979
&:focus,
8080
&:hover,
8181
&:visited {
82-
color: $blue-bright;
82+
color: $blue-1;
8383
}
8484
}
8585

@@ -93,11 +93,11 @@
9393
&:focus,
9494
&:hover,
9595
&:visited {
96-
color: $blue-dark;
96+
color: $blue-2;
9797
}
9898

9999
&::after {
100-
background: $blue-dark !important;
100+
background: $blue-2 !important;
101101
height: 8px;
102102
width: 8px;
103103
left: 50%;

‎src/shared/components/tc-communities/communities/zurich/theme/index.js

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,9 @@
1-
import dangerButtonTheme from
2-
'components/buttons/outline/round/akkurat/danger.scss';
3-
import primaryButtonTheme from
4-
'components/buttons/outline/round/akkurat/primary.scss';
5-
import defaultButtonTheme from
6-
'components/buttons/outline/round/akkurat/default.scss';
1+
import primaryButtonTheme from './buttons/primary.scss';
2+
import primarySecondaryTheme from './buttons/secondary.scss';
73
import headerTheme from './header.scss';
84

95
export default {
106
CommunityHeader: headerTheme,
11-
DangerButton: dangerButtonTheme,
12-
DefaultButton: defaultButtonTheme,
137
PrimaryButton: primaryButtonTheme,
14-
SecondaryButton: primaryButtonTheme,
8+
SecondaryButton: primarySecondaryTheme,
159
};

‎src/shared/components/tc-communities/communities/zurich/theme/mixins.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
/* Style mixins for Credit Suisse community. */
1+
/* Style mixins for Zurich community. */
22

33
/* Colors */
44

5-
$blue-dark: #003868;
6-
$blue-mid: #004c97;
7-
$blue-bright: #0072ce;
5+
$blue-1: #003399;
6+
$blue-1-75: #4066B3;
7+
$blue-2: #000066;

0 commit comments

Comments
 (0)