Den tis 13 juli 2021 kl 00:14 skrev Nathan Hartman <hartman.nat...@gmail.com
>:

> This is in fact a big improvement and most pages are behaving nicely
> now. However I noticed that there exist some other elements besides
> <pre>..</pre> that are extending the viewport in a few places. One
> example of this is the mailing list page [1] where the table does it;
> another is the faq where one entry's title is extending the page width
> [2]. There are a few other places where one or two elements do it. I
> haven't yet looked into what the fix needs to be. It might be as
> simple as moving the "overflow-x: auto" to a different place. Other
> than this, the site altogether is well-behaved and much improved on
> mobile.
>
> [1] http://subversion-staging.apache.org/mailing-lists.html
>
> [2] http://subversion-staging.apache.org/faq.html#configure-sed-error


I solved the link issue by forcing wordwrapping on <tt> and <a> which
should sort out [2] above, in addition there were some problems in HACKING.
Committed as r1891570.

However I cannot easily solve [1] above. I've found some fairly complex CSS
that seems to partly do the trick, but since there are nested tables within
the table it doesn't seem to fully work. I will continue to investigate if
the table can be un-nested using colspan and rowspan but I'm running out of
time right now.

[[[
Index: style/site.css
===================================================================
--- style/site.css      (revision 1891570)
+++ style/site.css      (working copy)
@@ -172,6 +172,13 @@
     tt, a {
       overflow-wrap: break-word;
     }
+    table {
+      display: block;
+      max-width: -moz-fit-content;
+      max-width: fit-content;
+      margin: 0 auto;
+      overflow-x: auto;
+    }
   }

 }
]]]

Kind regards,
Daniel Sahlberg

Reply via email to