Bug 1385742 - Network monitor: allow filter buttons to wrap, avoid disable cache label to wrap r?ntim draft
authorXavier ALT <dex@phoenix-ind.net>
Fri, 11 Aug 2017 00:08:45 +0200
changeset 648480 7827ba62f775449a9790e5109257a5fd7809b4a7
parent 647624 07ce8c96222d533fc89c02802143d35d7c351f9c
child 726833 334efe4411644fb5e954d7c22d477fec70ae60c4
push id74766
push userbmo:dex@phoenix-ind.net
push dateThu, 17 Aug 2017 19:53:56 +0000
reviewersntim
bugs1385742
milestone57.0a1
Bug 1385742 - Network monitor: allow filter buttons to wrap, avoid disable cache label to wrap r?ntim MozReview-Commit-ID: 6EkpgkosV0W
devtools/client/netmonitor/src/assets/styles/netmonitor.css
--- a/devtools/client/netmonitor/src/assets/styles/netmonitor.css
+++ b/devtools/client/netmonitor/src/assets/styles/netmonitor.css
@@ -89,17 +89,17 @@ body,
   display: flex;
   flex: 0 0 auto;
   flex-wrap: nowrap;
   align-items: center;
 }
 
 .requests-list-filter-buttons {
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
 }
 
 .learn-more-link {
   color: var(--theme-highlight-blue);
   cursor: pointer;
   margin: 0 5px;
   white-space: nowrap;
 }
@@ -799,16 +799,17 @@ body,
   position: relative;
   vertical-align: middle;
   bottom: 1px;
 }
 
 .devtools-checkbox-label {
   margin-inline-start: 10px;
   margin-inline-end: 3px;
+  white-space: nowrap;
 }
 
 /* Empty notices in tab panels */
 
 .empty-notice {
   color: var(--theme-body-color-alt);
   padding: 3px 8px;
 }