Gentoo Websites Logo
Go to: Gentoo Home Documentation Forums Lists Bugs Planet Store Wiki Get Gentoo!
Bug 705668 - Logo in header on mobile screens
Summary: Logo in header on mobile screens
Status: UNCONFIRMED
Alias: None
Product: Websites
Classification: Unclassified
Component: Tyrian layout (show other bugs)
Hardware: All All
: Normal minor (vote)
Assignee: Gentoo Website Team
URL: https://github.com/gentoo/devmanual/p...
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2020-01-17 13:48 UTC by Rage <oxr463>
Modified: 2020-01-17 15:02 UTC (History)
1 user (show)

See Also:
Package list:
Runtime testing required: ---


Attachments
example image (63637977-c073ab00-c650-11e9-9908-8bd898c5a5b6.jpg,38.28 KB, image/jpeg)
2020-01-17 13:48 UTC, Rage <oxr463>
Details
current image (63637978-c073ab00-c650-11e9-96ef-a24152496b38.jpg,67.46 KB, image/jpeg)
2020-01-17 13:49 UTC, Rage <oxr463>
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Rage <oxr463> 2020-01-17 13:48:11 UTC
Created attachment 603578 [details]
example image

If you navigate to https://devmanual.gentoo.org with Responsive Design Mode set to 320 x 480 in Firefox Developer tools, you will see that display: inline-block is causing the image to shift off screen. By setting it to display: inherit, the logo then bumps back up to the proper location. I was attempting to only set inline-block if the page width is 380px or greater. Otherwise it should be inherited.

Per ulm,

> BTW, https://packages.gentoo.org/ and https://infra-status.gentoo.org/ suffer from the same problem. This may indicate that it is a more general issue with the Tyrian layout, which should be solved there.

See full thread here: https://github.com/gentoo/devmanual/pull/101
Comment 1 Rage <oxr463> 2020-01-17 13:49:23 UTC
Created attachment 603580 [details]
current image