Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add small style update so map doesn't overflow on mobile. #79

Open
wants to merge 37 commits into
base: master
Choose a base branch
from
Open

Add small style update so map doesn't overflow on mobile. #79

Changes from 35 commits
Commits
Show all changes
37 commits
Select commit Hold shift + click to select a range
093f54a
add config file with API endpoint, import new enpoint into index.js
katiewrennhansen Jun 26, 2020
8c391f7
set up conditional to change api url in prod vs dev
katiewrennhansen Jun 26, 2020
5c1564d
get routes to pull data from api
katiewrennhansen Jun 29, 2020
a5435dc
add full stats table
katiewrennhansen Jun 30, 2020
b4f2b1f
add full stats component
katiewrennhansen Jun 30, 2020
c6f8a2d
remove comment from config file
katiewrennhansen Jun 30, 2020
882f58c
change class to className in full stats component
katiewrennhansen Jul 1, 2020
1d0b2ff
remove config file fix another class -> classname issue
katiewrennhansen Jul 1, 2020
fdeb514
add key property for elms in map
katiewrennhansen Jul 1, 2020
7b14823
fetch changes
katiewrennhansen Jul 6, 2020
7ed544b
pull new changes
katiewrennhansen Jul 7, 2020
cb9c67b
add css to make everything fit one one page
katiewrennhansen Jul 7, 2020
60b5aa6
add styles for printing
katiewrennhansen Jul 7, 2020
c4d6b2e
remove name
katiewrennhansen Jul 7, 2020
2611f79
remove container padding
katiewrennhansen Jul 7, 2020
c0d273d
edit error text styles
katiewrennhansen Jul 7, 2020
48d27b8
pull changes
katiewrennhansen Jul 7, 2020
0af0633
add whitespace to top of graphs, add styles to charts and sources for…
katiewrennhansen Jul 7, 2020
0afad30
commit change
katiewrennhansen Jul 21, 2020
5a4b0b8
pull down and merge changes
katiewrennhansen Jul 21, 2020
308ad87
add basic navbar styles
katiewrennhansen Jul 21, 2020
b0b8e35
add navigation styles
katiewrennhansen Jul 23, 2020
2211f0f
update county page styles
katiewrennhansen Aug 4, 2020
f2032dc
merging
katiewrennhansen Aug 4, 2020
8ba5248
update style for counties page
katiewrennhansen Aug 4, 2020
2747688
add update site and print styles for desktop view
katiewrennhansen Oct 1, 2020
85d98c3
finish up designs and clean up styles
katiewrennhansen Oct 2, 2020
7f0ced5
fix class
katiewrennhansen Oct 2, 2020
6cffa2a
pull new changes
katiewrennhansen Oct 2, 2020
bd0ebd5
update styles
katiewrennhansen Oct 20, 2020
e2ce516
add mobile styles
katiewrennhansen Oct 21, 2020
e7ce8a4
Merge branch 'master' into master
katiewrennhansen Nov 17, 2020
c526147
merge
katiewrennhansen Dec 10, 2020
2ac28f2
responsive style update
katiewrennhansen Dec 10, 2020
32a292d
style update
katiewrennhansen Dec 10, 2020
3c378de
update print styles
katiewrennhansen Dec 11, 2020
81daead
update print styles
katiewrennhansen Dec 11, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
97 changes: 51 additions & 46 deletions frontend/styles/global.module.css
View file
Open in desktop
Expand Up @@ -8,9 +8,9 @@
}

.content-container {
padding-left: 30px;
width: 100%;
min-height: 85vh;
padding-left: 30px;
width: 100%;
min-height: 85vh;
}

.layout {
Expand Down Expand Up @@ -91,6 +91,7 @@ select.dropdown {
background-size: 0.5em auto, 100%;
}


.summarytable {
padding: 20px 0;
}
Expand Down Expand Up @@ -179,8 +180,8 @@ select.dropdown {
}

.map-container {
width: 400px;
margin: 30px;
width: 300px;
padding-top: 50px;
}

h3.error-text {
Expand All @@ -199,54 +200,58 @@ h3.error-text {
margin: 2px 0;
}

@media (max-width: 1200px) {
.historical-trends-charts {
flex-direction: column;
width: fit-content;
}
.pareto-chart {
margin: 20px 0 0;
}
@media (max-width: 1200px){
.historical-trends-charts {
flex-direction: column;
width: fit-content;
}
.pareto-chart {
margin: 20px 0 0;
}
}

@media (max-width: 767px) {
@media (max-width: 1050px) {
.title-container {
flex-direction: column;
}

.content-container {
padding-left: 10px;
}
.layout {
flex-direction: column;
}
.data-container {
padding: 10px 20px 10px 10px;
}
.print-report {
padding: 30px 20px 10px 10px;
}
.chart-container {
margin: 0 0 10px 0;
}
.chart {
padding: 0;
width: 3.7in;
display: block;
}
}

@media (max-width: 500px) {
.map-container {
max-width: 100%;
padding: 30px;
padding: 30px 0 30px 60px;
}
}

.print-report {
padding: 20px 0 0;
}
.data-container {
padding: 0 10px 0 0;
}
@media (max-width:767px){
.content-container {
padding-left: 10px;
}
.layout {
flex-direction: column;
}
.data-container {
padding: 10px 20px 10px 10px;
}
.print-report {
padding: 30px 20px 10px 10px;
}
.map-container {
max-width: 300px;
padding: 10px;
}
.chart-container {
margin: 0 0 10px 0;
}
.chart {
padding: 0;
width: 3.7in;
}
}

@media (max-width:500px){
.print-report {
padding: 20px 0 0;
}
.data-container {
padding: 0 10px 0 0;
}
}

/* PRINT STYLES */
Expand Down