Set overflow auto on tables
Closes https://github.com/TryGhost/Casper/issues/328 This applies mobile styles everywhere, which is not really ideal tbh - but covers all cases.
This commit is contained in:
parent
1767ca59b8
commit
33005666ca
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -890,9 +890,10 @@ Super neat trick courtesy of @JoelDrapper
|
||||||
|
|
||||||
/* Tables */
|
/* Tables */
|
||||||
.post-full-content table {
|
.post-full-content table {
|
||||||
display: table;
|
display: inline-block;
|
||||||
width: 100%;
|
width: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
vertical-align: top;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
margin: 0.5em 0 2.5em;
|
margin: 0.5em 0 2.5em;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
|
@ -930,7 +931,7 @@ Super neat trick courtesy of @JoelDrapper
|
||||||
letter-spacing: 0.2px;
|
letter-spacing: 0.2px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
background: color(var(--whitegrey) l(+4%));
|
background-color: color(var(--whitegrey) l(+4%));
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-full-content table th,
|
.post-full-content table th,
|
||||||
|
@ -939,16 +940,6 @@ Super neat trick courtesy of @JoelDrapper
|
||||||
border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;
|
border: color(var(--whitegrey) l(-1%) s(-5%)) 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 800px) {
|
|
||||||
.post-full-content table {
|
|
||||||
display: inline-block;
|
|
||||||
width: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 7.1. Subscribe Form
|
/* 7.1. Subscribe Form
|
||||||
/* ---------------------------------------------------------- */
|
/* ---------------------------------------------------------- */
|
||||||
|
|
Loading…
Reference in New Issue