Index: chrome_linux/resources/inspector/networkLogView.css |
=================================================================== |
--- chrome_linux/resources/inspector/networkLogView.css (revision 237140) |
+++ chrome_linux/resources/inspector/networkLogView.css (working copy) |
@@ -1,12 +1,53 @@ |
+/* |
+ * Copyright (C) 2013 Google Inc. All rights reserved. |
+ * |
+ * Redistribution and use in source and binary forms, with or without |
+ * modification, are permitted provided that the following conditions are |
+ * met: |
+ * |
+ * * Redistributions of source code must retain the above copyright |
+ * notice, this list of conditions and the following disclaimer. |
+ * * Redistributions in binary form must reproduce the above |
+ * copyright notice, this list of conditions and the following disclaimer |
+ * in the documentation and/or other materials provided with the |
+ * distribution. |
+ * * Neither the name of Google Inc. nor the names of its |
+ * contributors may be used to endorse or promote products derived from |
+ * this software without specific prior written permission. |
+ * |
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
+ * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
+ * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
+ * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
+ * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
+ * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
+ * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
+ * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
+ * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
+ * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
+ */ |
+ |
.network-log-grid.data-grid { |
border: none; |
- position: absolute; |
- top: 0; |
- left: 0; |
- right: 0; |
- bottom: 0; |
+ flex: 1 1; |
} |
+.network-summary-bar { |
+ flex: 0 0 19px; |
+ padding-left: 5px; |
+ line-height: 18px; |
+ background-color: rgb(236, 236, 236); |
+ border-top: 1px solid #ccc; |
+ white-space: nowrap; |
+ text-overflow: ellipsis; |
+ overflow: hidden; |
+} |
+ |
+.network-summary-bar .warning-icon-small { |
+ margin-right: 6px; |
+} |
+ |
.network-log-grid.data-grid table.data { |
background-size: 1px 82px; |
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05))); |
@@ -28,7 +69,8 @@ |
} |
.network-log-grid.data-grid th { |
- border-bottom: 1px solid rgb(64%, 64%, 64%); |
+ border-bottom: 1px solid rgb(205, 205, 205); |
+ border-left: 1px solid rgb(205, 205, 205); |
height: 30px; |
} |
@@ -39,7 +81,7 @@ |
.network-log-grid.data-grid th, |
.network-log-grid.data-grid th.sort-descending, |
.network-log-grid.data-grid th.sort-ascending { |
- background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 236, 236)), to(rgb(217, 217, 217))); |
+ background: white; |
} |
.network-log-grid.data-grid .data-container { |
@@ -180,6 +222,10 @@ |
margin-right: 3px; |
} |
+.network-log-grid.data-grid th { |
+ border-bottom: 1px solid rgb(205,205,205) !important; |
+} |
+ |
.network-log-grid.data-grid.small .icon { |
width: 16px; |
height: 16px; |
@@ -468,37 +514,7 @@ |
padding-bottom: 20px !important; |
} |
-.network-log-grid.data-grid .network-summary-bar { |
- position: absolute; |
- left: 0; |
- right: 0; |
- bottom: 0; |
- background-color: rgb(101, 111, 130); |
-} |
- |
-.network-log-grid.data-grid .network-summary-bar td { |
- color: white; |
- height: 20px !important; |
- border: none; |
- font-size: 110%; |
- padding: 0 0 0 8px; |
- white-space: pre; |
- overflow : hidden; |
- text-overflow : ellipsis; |
-} |
- |
-.network-log-grid.data-grid .network-summary-bar .warning-icon-small { |
- margin-right: 8px; |
-} |
- |
#network-container { |
- position: absolute; |
- top: 0; |
- left: 0; |
- bottom: 0; |
- right: 0; |
- width: 100%; |
- height: 100%; |
overflow-y: auto; |
overflow-x: hidden; |
} |