On 3/28/19 11:14 AM, Georg Koppen wrote:
Lars Noodén:
[snip]
But about the problematic layout that now exists, in general, the CSS media rule mixes all types of screens together regardless of orientation, aspect ratio or size. So mobile and multi-screen desktops all fall under the 'all' or 'screen' values.
Thanks for the feedback. I opened https://trac.torproject.org/projects/tor/ticket/29934 for that.
Georg
Ok. Thanks. I mean that the CSS 'media' rule itself is incapable of differentiating screen types. So with the Tor Project's web page, it looks like the route was take to pus a mobile style layout onto all visitors regardless.
I do notice that there is an additional rule set for print. If I were to print, I would want the URLs to be visible on the page:
@media print { a { font-weight: bolder; text-decoration: none; }
a[href^=http]:after { content:" <" attr(href) "> "; }
However, my main reason for getting involved in the thread is a request to allow the banner to scroll so it is not clogging up the window and blocking up the content. Therefore the second line here needs to go:
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
So that it becomes
.fixed-top { top: 0; right: 0; left: 0; z-index: 1030; }
and thus allows scrolling.
/Lars