Bug 1456425 - Fix position of play/resume buttons; r=nchevobbe
authorJan Odvarko <odvarko@gmail.com>
Wed, 25 Apr 2018 09:39:30 +0200
changeset 471600 dc29c23f44b3e4ba52166257bd9ad76d7967d9c8
parent 471599 3f731fdfd0304747e1ac3cdd370823c6c113c253
child 471601 8505d047afa7564b0b97ff83a2768af443c7c9ef
push id1728
push userjlund@mozilla.com
push dateMon, 18 Jun 2018 21:12:27 +0000
treeherdermozilla-release@c296fde26f5f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersnchevobbe
bugs1456425
milestone61.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1456425 - Fix position of play/resume buttons; r=nchevobbe MozReview-Commit-ID: zAD8YuCw0N
devtools/client/netmonitor/src/assets/icons/play.svg
devtools/client/netmonitor/src/assets/styles/Toolbar.css
--- a/devtools/client/netmonitor/src/assets/icons/play.svg
+++ b/devtools/client/netmonitor/src/assets/icons/play.svg
@@ -1,8 +1,8 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - 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/. -->
-<svg width="10" height="12" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill #0b0b0b">
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="context-fill #0b0b0b">
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polygon id="Triangle-2" fill="#0A84FF" points="14 6 4 12 4 0"></polygon>
+        <polygon id="Triangle-2" fill="#0A84FF" points="14 8 4 14 4 2"></polygon>
     </g>
 </svg>
--- a/devtools/client/netmonitor/src/assets/styles/Toolbar.css
+++ b/devtools/client/netmonitor/src/assets/styles/Toolbar.css
@@ -43,16 +43,21 @@
 }
 
 .requests-list-filter-buttons {
   display: flex;
   flex-wrap: wrap;
   margin: 0 2px;
 }
 
+.devtools-button.devtools-pause-icon::before,
+.devtools-button.devtools-play-icon::before {
+  margin-bottom: 1px;
+}
+
 .devtools-button.devtools-pause-icon::before {
   background-image: var(--pause-icon-url);
 }
 
 .devtools-button.devtools-play-icon::before {
   background-image: var(--play-icon-url);
 }