Skip to content

Commit f82bb99

Browse files
underspecifiedunderspecified
committed
ie support
1 parent 4cb3250 commit f82bb99

8 files changed

+174
-12
lines changed

‎public/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
56
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
67
<meta name="viewport" content="width=device-width, initial-scale=1" />
78
<meta name="theme-color" content="#000000" />
@@ -57,7 +58,6 @@
5758
}(window.location))
5859
</script>
5960
<!-- End Single Page Apps for GitHub Pages -->
60-
6161
</head>
6262
<body>
6363
<noscript>You need to enable JavaScript to run this app.</noscript>

‎public/styles.css

+164
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
.about {
2+
margin-left: 1.5rem !important;
3+
margin-right: 1.5rem !important;
4+
}
5+
6+
.about h3 {
7+
margin-top: 2rem;
8+
}
9+
10+
.about .our-goal h3 {
11+
margin-top: 1.5rem !important;
12+
}
13+
14+
.area, .hotline, .hours li {
15+
padding-left: 1.5rem;
16+
padding-right: 1.0rem;
17+
}
18+
19+
.area ul {
20+
margin-left: 0;
21+
padding-left: 0;
22+
}
23+
24+
/*.area li {*/
25+
/* list-style-type: none;*/
26+
/*}*/
27+
.covid19 {
28+
margin: 0 1.5rem !important;
29+
}
30+
31+
.area, .hotline, .hours li {
32+
padding-left: 1.5rem;
33+
padding-right: 1.0rem;
34+
}
35+
36+
.area ul {
37+
margin-left: 0;
38+
padding-left: 0;
39+
}
40+
41+
Link {
42+
color: var(--main-color);
43+
text-decoration: underline !important;
44+
}
45+
46+
/*.area li {*/
47+
/* list-style-type: none;*/
48+
/*}*/
49+
.area, .hotline, .hours li {
50+
padding-left: 1.5rem;
51+
padding-right: 1.0rem;
52+
}
53+
54+
.hotlines h3, .hotlines p {
55+
margin-left: 1.5rem;
56+
}
57+
58+
.card-header {
59+
cursor: pointer;
60+
}
61+
62+
.card-title {
63+
color: var(--main-color);
64+
margin-bottom: 0 !important;
65+
}
66+
67+
.card-body {
68+
margin-left: 0;
69+
padding-left: 0;
70+
}
71+
72+
.area {
73+
margin-left: 0;
74+
margin-right: 0;
75+
padding-left: 0;
76+
padding-right: 0;
77+
}
78+
79+
.area li {
80+
list-style-type: none;
81+
}
82+
83+
.hotline {
84+
margin-bottom: 0.75rem;
85+
}
86+
.info {
87+
margin-left: 1.5rem !important;
88+
margin-right: 1.5rem !important;
89+
}
90+
91+
/*.info h3 {*/
92+
/* margin-top: 2rem;*/
93+
/*}*/
94+
95+
/*.info h3 {*/
96+
/* margin-top: 1.5rem !important;*/
97+
/*}*/
98+
99+
.menu .navbar {
100+
background-color: var(--main-color) !important;
101+
}
102+
103+
.menu .nav-link {
104+
text-decoration: none !important;
105+
}
106+
107+
.menu a {
108+
text-decoration: none;
109+
}
110+
111+
.menu .nav-item li {
112+
color: white;
113+
}
114+
115+
/* small devices (landscape phones, 576px and up) */
116+
@media (max-width: 576px) {
117+
.EN, .menu .nav-link {
118+
margin-left: 0.5rem;
119+
}
120+
.JP {
121+
margin-left: 1.0rem;
122+
}
123+
}
124+
125+
/* Medium devices (tablets, 768px and up) */
126+
@media (min-width: 768px) { }
127+
128+
/* Large devices (desktops, 992px and up) */
129+
@media (min-width: 992px) { }
130+
131+
/* Extra large devices (large desktops, 1200px and up) */
132+
@media (min-width: 1200px) { }
133+
134+
.menu .jumbotron {
135+
background-color: var(--main-color) !important;
136+
color: white;
137+
padding: 0 1.5rem 0.01rem;
138+
margin-bottom: 1.5rem;
139+
justify-content: center;
140+
text-align: center;
141+
}
142+
143+
.menu .jumbotron h1, .menu .jumbotron p {
144+
font-style: italic;
145+
}
146+
body {
147+
--main-color: #005caf;
148+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
149+
'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
150+
'Helvetica Neue', sans-serif;
151+
word-wrap: break-word;
152+
-webkit-font-smoothing: antialiased;
153+
-moz-osx-font-smoothing: grayscale;
154+
}
155+
156+
code {
157+
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
158+
monospace;
159+
}
160+
161+
a {
162+
color: var(--main-color);
163+
text-decoration: underline;
164+
}

‎src/Covid19.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
}
1414

1515
Link {
16-
color: var(--main-color);
16+
color: #005caf;
1717
text-decoration: underline !important;
1818
}
1919

‎src/Covid19.tsx

+3-5
Original file line numberDiff line numberDiff line change
@@ -78,11 +78,9 @@ const makeWhyEn = () => {
7878
the Ministry of Health, Labor, and Welfare</a>.)
7979
</p>
8080

81-
<p>
82-
<Link to="/en/hotlines">
83-
<h5>Find a hotline near you</h5>
84-
</Link>
85-
</p>
81+
<Link to="/en/hotlines">
82+
<h5>Find a hotline near you</h5>
83+
</Link>
8684
</div>
8785
)
8886
}

‎src/Hotlines.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
}
1313

1414
.card-title {
15-
color: var(--main-color);
15+
color: #005caf;
1616
margin-bottom: 0 !important;
1717
}
1818

‎src/Menu.css

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.menu .navbar {
2-
background-color: var(--main-color) !important;
2+
background-color: #005caf !important;
33
}
44

55
.menu .nav-link {
@@ -34,7 +34,7 @@
3434
@media (min-width: 1200px) { }
3535

3636
.menu .jumbotron {
37-
background-color: var(--main-color) !important;
37+
background-color: #005caf !important;
3838
color: white;
3939
padding: 0 1.5rem 0.01rem;
4040
margin-bottom: 1.5rem;

‎src/index.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,6 @@ code {
1414
}
1515

1616
a {
17-
color: var(--main-color);
17+
color: #005caf;
1818
text-decoration: underline;
1919
}

‎src/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import 'react-app-polyfill/ie9'
12
import 'react-app-polyfill/stable'
23

34
import React from 'react';
@@ -8,7 +9,6 @@ import App from './App';
89
import * as serviceWorker from './serviceWorker';
910

1011
import './index.css';
11-
//import './App.css'
1212

1313
ReactDOM.render(
1414
<BrowserRouter basename="/">

0 commit comments

Comments
 (0)