diff --git a/static/layout.css b/static/layout.css index 6fc2c4a..4d78767 100644 --- a/static/layout.css +++ b/static/layout.css @@ -139,10 +139,14 @@ canvas { height: 1000px; } -p.overflow-x-invisible { - overflow-x: auto; - scrollbar-width: none; -} -p.overflow-x-invisible::-webkit-scrollbar { - display: none; -} +/* Using nowrap for large screens breaks the layout, see pkg mapscanner */ +@media (max-width: 575px) { + p.overflow-x-invisible { + white-space: nowrap; + overflow-x: auto; + scrollbar-width: none; + } + p.overflow-x-invisible::-webkit-scrollbar { + display: none; + } +} \ No newline at end of file diff --git a/views/layout.pug b/views/layout.pug index 085a072..c5a8303 100644 --- a/views/layout.pug +++ b/views/layout.pug @@ -11,7 +11,7 @@ html link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.2/css/bootstrap.min.css') link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css') block after_head - link(rel='stylesheet' href='/layout.css') + link(rel='stylesheet' href='/layout.css?nocache=1') body header.mb-3.border-bottom.bg-body-tertiary .container(style='max-width: 1440px') diff --git a/views/pkginfo.pug b/views/pkginfo.pug index 9715ca6..a02dfe6 100644 --- a/views/pkginfo.pug +++ b/views/pkginfo.pug @@ -28,7 +28,7 @@ block content p | Authors: span.card-text.text-dark.package-details-author.ms-1 #{Author} - p.text-nowrap.overflow-x-invisible + p.overflow-x-invisible a.fa.fa-file-code.package-details-logs.text-dark.text-decoration-none.grow-on-over(style='width: 20px' href=_buildurl) a.package-details-source(href=`/src/contrib/${Package}_${Version}.tar.gz`) #{Package}_#{Version}.tar.gz br