31 lines
597 B
CSS
31 lines
597 B
CSS
@media only screen and (max-width: 600px) {
|
|
|
|
|
|
/* hide size and date columns */
|
|
table th#headerSize,
|
|
table td.filesize,
|
|
table th#headerDate,
|
|
table td.date {
|
|
display: none;
|
|
}
|
|
|
|
/* restrict length of displayed filename to prevent overflow */
|
|
table td.filename .nametext {
|
|
max-width: 80% !important;
|
|
}
|
|
/* and to make room for download button on hover */
|
|
table tr:hover td.filename .nametext,
|
|
table tr:focus td.filename .nametext {
|
|
max-width: 60% !important;
|
|
}
|
|
|
|
/* on mobile, show single shared image at full width without margin */
|
|
#imgframe {
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
|
|
}
|