[opensuse] Firefox 60esr - New Tab, Howto Remove .outer-wrapper height: 100%
Tail end of 42.2. Moving from 52.9esr to 60.4esr the new tab for search page is radically different. After disabling all the cruft leaving the search and top-sites (as 52.9) the search bar and top sites are now centered in the page instead of providing a nicely formatted search at the top with top-sites below. Digging with the inspector, the problem is the css on: <div class="outer-wrapper wide-layout-enabled" data-reactroot=""> where you have: .outer-wrapper { display: flex; flex-grow: 1; height: 100%; <-- this is the problem, deleting fixes padding: 30px 32px 32ps; } Removing the `height: 100%;` restores the desired layout. How do I make this permanent in userChrome.css or userContent.css? What do I put there and which file does it go in? Asked on support.mozilla, but no response yet, so I thought I would ask here: https://support.mozilla.org/en-US/questions/1247523#answer-1190570 (screenshot of inspector output posted there) -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
David C. Rankin composed on 2019-01-22 18:48 (UTC-0600):
Tail end of 42.2. Moving from 52.9esr to 60.4esr the new tab for search page is radically different. After disabling all the cruft leaving the search and top-sites (as 52.9) the search bar and top sites are now centered in the page instead of providing a nicely formatted search at the top with top-sites below. Digging with the inspector, the problem is the css on:
<div class="outer-wrapper wide-layout-enabled" data-reactroot="">
where you have:
.outer-wrapper { display: flex; flex-grow: 1; height: 100%; <-- this is the problem, deleting fixes padding: 30px 32px 32ps;
}
Removing the `height: 100%;` restores the desired layout.
Making it go away AFAIK is impossible. It needs to be changed to something tolerable....
How do I make this permanent in userChrome.css or userContent.css? What do I put there and which file does it go in?
Asked on support.mozilla, but no response yet, so I thought I would ask here:
https://support.mozilla.org/en-US/questions/1247523#answer-1190570
(screenshot of inspector output posted there)
Ordinarily this is the kind of question I can answer, but as I'm not a 60 user yet, I'm unsure of the question. What is in the urlbar when looking at a "new tab for search page"? URL is a necessary part of limiting applicability of a user CSS rule. http://fm.no-ip.com/SS/Moz/ff60blank.jpg is what I see. Note I always have a search /box/, so don't use a search "page" for initial searches. Probably what you need goes in userContent.css, in one of two ways: 1-put the rule in a separate file called by userContent.css, like so: @import url("opensusebugz.css"); with the file opensusebugz.css containing: @-moz-document domain(bugzilla.opensuse.org) { .outer-wrapper { height: auto !important; } } 2-with so short a customization needed in your case, it can be done directly in userContent.css: @-moz-document domain(bugzilla.opensuse.org) { .outer-wrapper { height: auto !important; } } Of course, the applicable "domain" will have to be substituted. Domain is not the only @-moz-document prefix. There are also url and url-prefix. -- Evolution as taught in public schools is religion, not science. Team OS/2 ** Reg. Linux User #211409 ** a11y rocks! Felix Miata *** http://fm.no-ip.com/ -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 01/22/2019 07:25 PM, Felix Miata wrote:
1-put the rule in a separate file called by userContent.css, like so:
@import url("opensusebugz.css");
with the file opensusebugz.css containing:
@-moz-document domain(bugzilla.opensuse.org) { .outer-wrapper { height: auto !important; } }
2-with so short a customization needed in your case, it can be done directly in userContent.css:
@-moz-document domain(bugzilla.opensuse.org) { .outer-wrapper { height: auto !important; } }
Of course, the applicable "domain" will have to be substituted.
Domain is not the only @-moz-document prefix. There are also url and url-prefix.
Thank Felix, You were close! I got the answer on support.mozilla today, @namespace url(http://www.w3.org/1999/xhtml); @-moz-document url("about:newtab") { .outer-wrapper { height: unset !important; } } works like a charm. -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
participants (2)
-
David C. Rankin -
Felix Miata