sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

improving css for flex charts on mobile

Browse Source
This commit is contained in:
Sander Roosendaal
2019-03-26 16:44:50 +01:00
parent 0838f0de66
commit 3bc962071d
3 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
static/css/styles2.css
View File

@@ -564,28 +564,28 @@
@media (min-height: 600px) {
@media only screen and (min-height: 600px) {
.maxheight {
max-height: 450px;
overflow: scroll;
}
}
@media (min-height: 600px) {
@media only screen and (min-height: 600px) {
.maxheight {
max-height: 450px;
overflow: scroll;
}
}
@media (min-height: 800px) {
@media only screen and (min-height: 800px) {
.maxheight {
max-height: 600px;
overflow: scroll;
}
}
@media (min-height: 1000px) {
@media only screen and (min-height: 1000px) {
.maxheight {
max-height: 800px;
overflow: scroll;
@@ -593,7 +593,7 @@
}
@media (max-width: 600px) {
@media only screen and (max-width: 600px) {
nav a {
font-size: 0px;
}
@@ -601,9 +601,22 @@
nav a i {
font-size: 20px;
}
#theplot .bk-grid-column {
display: none;
}
#theplot .bk-plot-layout {
position: auto;
width: 100%;
height: auto;
display: inline;
}
}
@media (min-width: 450px) {
@media only screen and (min-width: 450px) {
.wrapper {
grid-template-columns: 1fr 3fr;
grid-template-areas:
@@ -648,7 +661,7 @@
}
@media (min-width: 768px) {
@media only screen and (min-width: 768px) {
.wrapper {
grid-template-columns: 1fr 4fr 1fr;
grid-template-areas:
@@ -727,7 +740,7 @@
page-break-after: avoid;
}
ul, img {
ul, img, table {
page-break-inside: avoid;
}