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 */
|
||||
.post-full-content table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
vertical-align: top;
|
||||
overflow-x: auto;
|
||||
margin: 0.5em 0 2.5em;
|
||||
border-spacing: 0;
|
||||
|
@ -930,7 +931,7 @@ Super neat trick courtesy of @JoelDrapper
|
|||
letter-spacing: 0.2px;
|
||||
text-align: left;
|
||||
text-transform: uppercase;
|
||||
background: color(var(--whitegrey) l(+4%));
|
||||
background-color: color(var(--whitegrey) l(+4%));
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.post-full-content table {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 7.1. Subscribe Form
|
||||
/* ---------------------------------------------------------- */
|
||||
|
|
Loading…
Reference in New Issue