timw4mail/HummingBirdAnimeClient
1
1
Fork 1
Code Issues 5 Pull Requests Projects 1 Releases Wiki Activity

Make tables responsive
All checks were successful
timw4mail/HummingBirdAnimeClient/PR-12 This commit looks good
Details

Browse Source
This commit is contained in:
Timothy Warren 2018-11-05 11:04:19 -05:00
parent 61b7a799b9
commit c4f759e5d8
2 changed files with 33 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/app.min.css vendored
View File

File diff suppressed because one or more lines are too long

34
public/css/responsive.css
View File

@ -32,6 +32,36 @@
.details .flex > * { .details .flex > * {
margin: 0; margin: 0;
} }
table,
table th,
table td,
table .align-right,
table.align-center {
border: 0;
display: block;
margin: 0 auto;
text-align: left;
width: 100%;
}
table td {
display: inline-block;
}
table.media-details td {
display: block;
text-align: left !important;
}
table thead {
display: none;
}
.details .media-details td:nth-child(2n+1) {
font-weight: bold;
width: 100%;
}
} }
@media screen and (max-width: 40em) { @media screen and (max-width: 40em) {
@ -50,10 +80,6 @@
padding: 0 0.5rem 0.5rem; padding: 0 0.5rem 0.5rem;
} }
table {
display: block;
}
.media { .media {
margin: 2px 0; margin: 2px 0;
} }