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

@ -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 {