Closed
Bug 1704037
Opened 3 years ago
Closed 3 years ago
Nightly blog page - Download Firefox button overlaps banner bellow on certain widths
Categories
(Infrastructure & Operations :: Blogs, defect)
Tracking
(Not tracked)
VERIFIED
FIXED
People
(Reporter: cfogel, Assigned: craigcook)
References
()
Details
Attachments
(1 file)
152.20 KB,
image/png
|
Details |
Affected versions
*89.0a1(2021-04-07);
Affected platforms
- Windows 10;
- will confirm on others as well when possible;
Steps to reproduce
- Launch Firefox, access https://blog.nightly.mozilla.org/
- Next, you can do any of the 3 triggers, since it's caused by css/@mediaquerries changes:
- Set the browser to take up half of the screen, reduce width gradually
- Use RDM to check different smaller resolutions;
- Zoom in;
Expected result
- elements are displayed as expected;
Actual result
- the Download Firefox Nightly button reaches a breakpoint in which it overlaps with the banner bellow on resize;
Additional notes
- attached screenshot to illustrate the issue.
Reporter | ||
Updated•3 years ago
|
Group: mozilla-employee-confidential
Comment 1•3 years ago
|
||
Adding white-space:nowrap; should fix that:
/* style.css | https://3sgkpvh31s44756j71xlti9b-wpengine.netdna-ssl.com/wp-content/themes/frontierline/style.css?ver=5.6.2 */
.nav-global .nav-global-fxdownload {
white-space: nowrap;
}
Happy to make a PR for this patch but I don't remember where the code is.
Reporter | ||
Updated•3 years ago
|
Summary: Nightly blog page - Download Firefox button → Nightly blog page - Download Firefox button overlaps banner bellow on certain widths
Comment 2•3 years ago
|
||
Craig, did we file the bug in the right component for this CSS issue? I can probably make a PR to the theme but don't remember the repository location. Thanks.
Flags: needinfo?(craigcook.bugz)
Assignee | ||
Comment 3•3 years ago
|
||
I'm on it.
Assignee: nobody → craigcook.bugz
Flags: needinfo?(craigcook.bugz)
Assignee | ||
Comment 4•3 years ago
|
||
Fixed in https://github.com/craigcook/frontierline-theme/commit/3aa1d4cb7df933ea1d8644c3ed07f97c216007e7
Status: NEW → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
You need to log in
before you can comment on or make changes to this bug.
Description
•