Bug 1309194: Implement summary info in Net Panel Toolbar; Bug 1317205: CSS improvement for summary button

Required for: https://github.com/MoonchildProductions/moebius/pull/93
This commit is contained in:
janekptacijarabaci 2018-02-28 12:17:13 +01:00 • committed by Roy Tam
commit 2f496e3f1e
22 changed files with 333 additions and 240 deletions

View file

@ -2,7 +2,9 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@import url("resource://devtools/client/themes/splitters.css");
@namespace html url("http://www.w3.org/1999/xhtml");
:root {
font: message-box;
@ -33,6 +35,10 @@
font-size: 80%;
}
/* Override wrong system font from forms.css */
html|button, html|select {
font: message-box;
}
/* Autocomplete Popup */

View file

@ -8,6 +8,7 @@
}
#react-clear-button-hook,
#react-summary-button-hook,
#react-details-pane-toggle-hook {
display: flex;
}
@ -47,7 +48,7 @@
#details-pane-toggle,
#details-pane.pane-collapsed,
.requests-menu-waterfall,
#requests-menu-network-summary-button > .toolbarbutton-text {
#requests-menu-network-summary-button > .summary-info-text {
display: none;
}
}
@ -744,16 +745,35 @@
/* Performance analysis buttons */
#requests-menu-network-summary-button {
display: flex;
align-items: center;
background: none;
box-shadow: none;
border-color: transparent;
list-style-image: url(images/profiler-stopwatch.svg);
padding-inline-end: 0;
cursor: pointer;
margin-inline-end: 1em;
min-width: 0;
}
#requests-menu-network-summary-button > .summary-info-icon {
background-image: url(images/profiler-stopwatch.svg);
filter: var(--icon-filter);
width: 16px;
height: 16px;
opacity: 0.8;
}
#requests-menu-network-summary-button > .summary-info-text {
opacity: 0.8;
margin-inline-start: 0.5em;
}
#requests-menu-network-summary-button:hover > .summary-info-icon,
#requests-menu-network-summary-button:hover > .summary-info-text {
opacity: 1;
}
/* Performance analysis view */
#network-statistics-toolbar {