Bug 221209 - www.freebsd.org rendering overlap on narrow (portrait) screen
Summary: www.freebsd.org rendering overlap on narrow (portrait) screen
Status: Open
Alias: None
Product: Documentation
Classification: Unclassified
Component: Website (show other bugs)
Version: Latest
Hardware: Any Any
: --- Affects Many People
Assignee: Sergio Carlavilla Delgado
URL:
Keywords:
: 225042 237772 (view as bug list)
Depends on:
Blocks:
 
Reported: 2017-08-03 20:36 UTC by Stephen Hurd
Modified: 2023-05-17 21:07 UTC (History)
4 users (show)

See Also:


Attachments
Chrome screenshot (152.76 KB, image/png)
2017-08-03 20:36 UTC, Stephen Hurd
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Stephen Hurd freebsd_committer freebsd_triage 2017-08-03 20:36:31 UTC
Created attachment 185006 [details]
Chrome screenshot

The production release list is under the "New to FreeBSD?" button in Chrome, Firefox, and IE when a narrow width is used.

Attached Chrome screenshot with a 1080x1920 screen.  Same thing occurs with Firefox and IE.
Comment 1 Trihexagonal 2018-01-30 20:31:37 UTC
I have provided XHTML markup in the following thread that should prevent the New To FreeBSD? button from overlapping the production links: 

https://forums.freebsd.org/threads/64030/

I demonstrate it with screenshots of it in action and supply the markup used as a fix. All that is really needed is to use the XHTML width factor with the existing freebsd.org CSS code.

I also provide alternative CSS code for buttons that adjust in height and width to scale down in proportion as the screen size shrinks, and the XHTML to get the site to scale down correctly.
Comment 2 Trihexagonal 2018-01-30 20:32:44 UTC
I have provided XHTML markup in the aforementioned thread that should prevent the New To FreeBSD? button from overlapping the production links: 

https://forums.freebsd.org/threads/64030/

I demonstrate it with screenshots of it in action and supply the markup used as a fix. All that is really needed is to use the XHTML width factor with the existing freebsd.org CSS code.

I also provide alternative CSS code for buttons that adjust in height and width to scale down in proportion as the screen size shrinks, and the XHTML to get the site to scale down correctly.
Comment 3 Stephen Hurd freebsd_committer freebsd_triage 2023-05-14 04:32:18 UTC
Was just cleaning up my submitted bugs... this one is still present.
See also #225042 and #237772

Looking bad in portrait mode since 2018. :(
Comment 4 Graham Perrin freebsd_committer freebsd_triage 2023-05-17 21:03:53 UTC
*** Bug 225042 has been marked as a duplicate of this bug. ***
Comment 5 Graham Perrin freebsd_committer freebsd_triage 2023-05-17 21:05:51 UTC
*** Bug 237772 has been marked as a duplicate of this bug. ***