a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #225 from tomalrussell/feature/small_screen_legend_height

Browse Source 
Fix for issue #175-age key is jumping off page when looked at on smal…
This commit is contained in:
Tom Russell 2019-03-18 20:08:36 +00:00 committed by GitHub
commit 30bd2936a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/src/frontend/legend.css
View File

@ -33,11 +33,30 @@
margin: 0.25rem 0 0.5rem;
}
.data-legend {
max-height: 30rem;
max-height: 80px;
max-height: 20vh;
overflow-y: auto;
list-style: none;
margin-bottom: 0;
}
@media (min-height: 470px) {
.data-legend {
max-height: 150px;
max-height: 30vh;
}
}
@media (min-height: 550px) {
.data-legend {
max-height: 220px;
max-height: 40vh;
}
}
@media (min-height: 670px) {
.data-legend {
max-height: 330px;
max-height: 50vh;
}
}
.data-legend .key {
display: inline-block;
width: 1.3rem;