Bug 1549324 - Fix red background color of Params and Response error; r=Honza
authorFlorens Verschelde <florens@fvsch.com>
Mon, 06 May 2019 11:24:28 +0000
changeset 531496 40f352e2d6b863c7b7040db9098d9421802709df
parent 531495 5cb05da8e3ab5fa40f12f8aa9c8c2b2c3d542e8f
child 531497 5cba75dd63c2f1b4d2a34797e3e16e935f5ea763
push id11265
push userffxbld-merge
push dateMon, 13 May 2019 10:53:39 +0000
treeherdermozilla-beta@77e0fe8dbdd3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersHonza
bugs1549324
milestone68.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 1549324 - Fix red background color of Params and Response error; r=Honza Differential Revision: https://phabricator.services.mozilla.com/D29995
devtools/client/netmonitor/src/assets/styles/NetworkDetailsPanel.css
--- a/devtools/client/netmonitor/src/assets/styles/NetworkDetailsPanel.css
+++ b/devtools/client/netmonitor/src/assets/styles/NetworkDetailsPanel.css
@@ -327,34 +327,35 @@
   margin-inline-end: 2px;
 }
 
 .network-monitor .headers-summary .status-text {
     width: auto!important;
     margin-left: 4px;
 }
 
-/* Params tabpanel */
+/* Params and Response error messages */
 
-.network-monitor .request-error-header {
+.network-monitor .request-error-header,
+.network-monitor .response-error-header {
   margin: 0;
-  padding: 3px 8px;
-  background-color: var(--theme-highlight-red);
-  color: var(--theme-selection-color);
+  padding: 4px 8px;
+  border-bottom: 1px solid var(--theme-splitter-color);
+  background-color: var(--red-60);
+  color: white;
+  line-height: 16px;
+}
+
+.theme-dark .network-monitor .request-error-header,
+.theme-dark .network-monitor .response-error-header {
+  background-color: var(--red-70);
 }
 
 /* Response tabpanel */
 
-.network-monitor .response-error-header {
-  margin: 0;
-  padding: 3px 8px;
-  background-color: var(--theme-highlight-red);
-  color: var(--theme-selection-color);
-}
-
 .network-monitor .response-image-box {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   overflow-y: auto;
   padding: 10px;
 }