snipette/weflock
snipette/weflock
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Set overflow auto on tables

Browse source 
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:
John O'Nolan 2017-08-08 15:58:54 +01:00
parent 1767ca59b8
commit 33005666ca
3 changed files with 6 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

17
assets/css/screen.css
View file

@ -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
/* ---------------------------------------------------------- */ /* ---------------------------------------------------------- */