Cannot find Border property
Hello, I'm making a FF theme with DOMi and there's a border that I can't seem to get rid of or find where it's coming from. It's the very thin border between the actual webpage and the navbar in FireFox. As you can see in the screenshot below, the very bottom border of where the webpage and FF connect. I cannot find where that is coming from. I've search for it for over an hour. I know it's coming from within the toolbar I think. I've even done (for testing) stuff like
#main-window * {
border: none !important;
}
and even then that didn't rid of it. I've also tried padding, margin, background-color, etc.
Where is this line coming from?
Modified by ErraticFox
Chosen solution
A larger screenshot I think would take away from the subject. It's the little grey border at the bottom and that is the default FF theme in the picture. I've gave #navigator-toolbox a border of 0 with !important before and that didn't work.
EDIT: Found it by looking at another theme and searching through their #navigator-toolbox properties. The way to get rid of this is:
#navigator-toolbox::after {
height: 0px;
}
Read this answer in context
👍 0
All Replies (5)
I can't figure it out, either. It could be one of the -moz attributes or properties.
It is probably the border of the #navigator-toolbox. Sometimes you can remove (hide) such a border with a negative margin. It can also be a box-shadow.
The screenshot is a bit msall and doesn't show much, so I'm not sure what your current toolbar setup is and what toolbars you show and in what order.
Maybe you can provide a larger screenshot.
Modified by cor-el
Chosen Solution
A larger screenshot I think would take away from the subject. It's the little grey border at the bottom and that is the default FF theme in the picture. I've gave #navigator-toolbox a border of 0 with !important before and that didn't work.
EDIT: Found it by looking at another theme and searching through their #navigator-toolbox properties. The way to get rid of this is:
#navigator-toolbox::after {
height: 0px;
}
Modified by ErraticFox
See:
- chrome://browser/skin/browser.css
#navigator-toolbox::after {
content: "";
display: -moz-box;
-moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
height: 1px;
background-color: ThreeDShadow;
}
Accidentally hit not helpful (on my phone) and it won't let me switch it... Though I was questioning why this is even a thing? That property, I mean.