Add 'scroll right' notice on bulk download pages

This commit is contained in:
Alex Cabal 2022-07-11 11:52:59 -05:00
parent 1cd73240ed
commit e19847adac
3 changed files with 21 additions and 0 deletions

View file

@ -1,4 +1,5 @@
<table class="download-list">
<caption aria-hidden="hidden">Scroll right </caption>
<thead>
<tr class="mid-header">
<th scope="col"><?= $label ?></th>

View file

@ -37,6 +37,7 @@ $title = preg_replace('/s$/', '', ucfirst($name));
<p>These zip files contain each ebook in every format we offer, and are updated once daily with the latest versions of each ebook. Read about <a href="/help/how-to-use-our-ebooks#which-file-to-download">which file format to download</a>.</p>
<? if($name == 'months'){ ?>
<table class="download-list">
<caption aria-hidden="hidden">Scroll right </caption>
<tbody>
<? foreach($collection as $year => $months){
$yearHeader = Formatter::ToPlainText($year);

View file

@ -721,6 +721,12 @@ ul.message.error li:only-child{
margin: auto;
}
.download-list caption{
font-style: italic;
text-align: right;
display: none;
}
.download-list .mid-header{
font-style: italic;
}
@ -2837,6 +2843,19 @@ ul.feed p{
.download-list .year-header th{
text-align: left;
}
.download-list thead tr.mid-header:first-child th,
.download-list tr.year-header:first-child th{
padding-top: 0;
}
.download-list caption{
display: block;
padding-top: 2rem;
}
}
@media(max-width: 1100px){