Upstream version 9.38.198.0

[platform/framework/web/crosswalk.git] / src / third_party / WebKit / Source / devtools / front_end / dataGrid.css

diff --git a/src/third_party/WebKit/Source/devtools/front_end/dataGrid.css b/src/third_party/WebKit/Source/devtools/front_end/dataGrid.css
index c403a3f..29db007 100644 (file)
--- a/src/third_party/WebKit/Source/devtools/front_end/dataGrid.css
+++ b/src/third_party/WebKit/Source/devtools/front_end/dataGrid.css
@@ -5,61 +5,52 @@
     line-height: 120%;
 }
 
-.data-grid .highlight {
-    background-color: rgb(255, 230, 179);
-}
-
-.data-grid tr.selected .highlight {
-    background-color: transparent;
-}
-
 .data-grid table {
     table-layout: fixed;
     border-spacing: 0;
-    border-collapse: collapse;
+    border-collapse: separate;
+    height: 100%;
     width: 100%;
 }
 
+.data-grid .header-container,
 .data-grid .data-container {
     position: absolute;
-    top: 17px;
-    bottom: 0;
     left: 0;
     right: 0;
     overflow-x: hidden;
-    overflow-y: overlay;
-    -webkit-transform: translateZ(0);
 }
 
-.data-grid.inline {
-    border-left: none;
+.data-grid .header-container {
+    top: 0;
+    height: 17px;
+ }
+
+.data-grid .data-container {
+    top: 17px;
+    bottom: 0;
+    overflow-y: overlay;
+    -webkit-transform: translateZ(0);
 }
 
+.data-grid.inline .header-container,
 .data-grid.inline .data-container {
     position: static;
 }
 
-.data-grid.inline col.corner,
-.data-grid.inline th.corner,
-.data-grid.inline td.corner {
+.data-grid.inline .corner {
     display: none;
 }
 
-.data-grid th.corner,
-.data-grid td.corner,
-.data-grid col.corner {
+.data-grid .corner {
     width: 14px;
     padding-right: 0;
     padding-left: 0;
     border-left: 0 none transparent !important;
 }
 
-.data-grid tr.filler {
-    display: table-row !important;
-    height: auto !important;
-}
-
-.data-grid tr.filler td {
+.data-grid .top-filler-td,
+.data-grid .bottom-filler-td {
     height: auto !important;
     padding: 0 !important;
 }
@@ -70,7 +61,6 @@
     top: 0;
     right: 0;
     bottom: 0;
-    height: 100%;
     border-top: 0 none transparent;
     background-image: linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255));
     background-size: 128px 32px;
@@ -94,23 +84,24 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    height: 16px; /* Keep in sync with .data-grid table.data @ background-size */
     line-height: 14px;
     border-left: 1px solid #aaa;
 }
 
-.data-grid:not(.inline) th:first-child,
-.data-grid:not(.inline) td:first-child {
+.data-grid th:first-child,
+.data-grid td:first-child {
     border-left: none !important;
 }
 
 .data-grid td {
+    height: 16px; /* Keep in sync with .data-grid table.data @ background-size */
     vertical-align: top;
     padding: 1px 4px;
     -webkit-user-select: text;
 }
 
 .data-grid th {
+    height: auto;
     text-align: left;
     background-color: rgb(236, 236, 236);
     border-bottom: 1px solid #aaa;
@@ -126,10 +117,6 @@
     overflow: hidden;
 }
 
-.data-grid th > div {
-    overflow: hidden;
-}
-
 .data-grid td.editing > div {
     text-overflow: clip;
 }