diff options
| author | janekptacijarabaci <janekptacijarabaci@seznam.cz> | 2018-02-28 12:17:13 +0100 |
|---|---|---|
| committer | janekptacijarabaci <janekptacijarabaci@seznam.cz> | 2018-02-28 12:17:13 +0100 |
| commit | 627f167bf41935cad572b04c5b412f9294293ecb (patch) | |
| tree | 76abf91246d7f90c25311d0fda82208169c7d8cc /devtools/client/themes/netmonitor.css | |
| parent | b19e4e2cf0c1537c8c2a56d0b783d38b6b25de7f (diff) | |
| download | UXP-627f167bf41935cad572b04c5b412f9294293ecb.tar UXP-627f167bf41935cad572b04c5b412f9294293ecb.tar.gz UXP-627f167bf41935cad572b04c5b412f9294293ecb.tar.lz UXP-627f167bf41935cad572b04c5b412f9294293ecb.tar.xz UXP-627f167bf41935cad572b04c5b412f9294293ecb.zip | |
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
Diffstat (limited to 'devtools/client/themes/netmonitor.css')
| -rw-r--r-- | devtools/client/themes/netmonitor.css | 24 |
1 files changed, 22 insertions, 2 deletions
diff --git a/devtools/client/themes/netmonitor.css b/devtools/client/themes/netmonitor.css index fea634a0e..eae6272be 100644 --- a/devtools/client/themes/netmonitor.css +++ b/devtools/client/themes/netmonitor.css @@ -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 { |