Bug 1278774 - Breadcrumbs overlaps abp helper button; r?bgrins
MozReview-Commit-ID: 7OvG72IGbcT
--- a/devtools/client/themes/inspector.css
+++ b/devtools/client/themes/inspector.css
@@ -32,32 +32,33 @@
.theme-firebug #inspector-searchbox {
line-height: 17px;
}
#inspector-breadcrumbs-toolbar {
padding: 0px;
border-bottom-width: 0px;
border-top-width: 1px;
- display: block;
+ display: flex;
+ flex-direction: row;
position: relative;
}
#inspector-breadcrumbs-toolbar,
#inspector-breadcrumbs-toolbar * {
box-sizing: border-box;
}
#inspector-breadcrumbs {
display: flex;
/* Break out of the XUL flexbox, so the splitter can still shrink the
markup view even if the contents of the breadcrumbs are wider than
the new width. */
- position: absolute;
+ position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#inspector-breadcrumbs .scrollbutton-up,
#inspector-breadcrumbs .scrollbutton-down {
--- a/devtools/client/themes/widgets.css
+++ b/devtools/client/themes/widgets.css
@@ -116,16 +116,22 @@
/* BreacrumbsWidget */
.breadcrumbs-widget-container {
margin-inline-end: 3px;
max-height: 24px; /* Set max-height for proper sizing on linux */
height: 24px; /* Set height to prevent starting small waiting for content */
}
+/* Bug 1278774 - compenssate first breadcrumbs-widget-item's left padding when
+ breadcrumbs-widget-container is not the first element */
+:not(.breadcrumbs-widget-container) + .breadcrumbs-widget-container {
+ margin-inline-start: -20px;
+}
+
.scrollbutton-up,
.scrollbutton-down {
-moz-appearance: none;
background: transparent;
box-shadow: none;
border: none;
list-style-image: none;
margin: 0;