| Index: chrome_linux/resources/inspector/dataGrid.css
|
| ===================================================================
|
| --- chrome_linux/resources/inspector/dataGrid.css (revision 273864)
|
| +++ chrome_linux/resources/inspector/dataGrid.css (working copy)
|
| @@ -22,12 +22,13 @@
|
|
|
| .data-grid .data-container {
|
| position: absolute;
|
| - top: 16px;
|
| + top: 17px;
|
| bottom: 0;
|
| left: 0;
|
| right: 0;
|
| overflow-x: hidden;
|
| overflow-y: overlay;
|
| + -webkit-transform: translateZ(0);
|
| }
|
|
|
| .data-grid.inline {
|
| @@ -45,11 +46,12 @@
|
|
|
| .data-grid th {
|
| text-align: left;
|
| - background-image: url(Images/glossyHeader.png);
|
| - background-repeat: repeat-x;
|
| - border-left: 1px solid rgb(179, 179, 179);
|
| - border-bottom: 1px solid rgb(179, 179, 179);
|
| - height: 15px;
|
| + background-color: rgb(236, 236, 236);
|
| + border: 1px solid rgb(179, 179, 179);
|
| + border-top: none;
|
| + border-right: none;
|
| + height: 16px;
|
| + line-height: 16px;
|
| font-weight: normal;
|
| vertical-align: middle;
|
| padding: 0 4px;
|
| @@ -83,8 +85,8 @@
|
| bottom: 0;
|
| height: 100%;
|
| border-top: 0 none transparent;
|
| - background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255)));
|
| - background-size: 1px 32px;
|
| + background-image: linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255));
|
| + background-size: 128px 32px;
|
| table-layout: fixed;
|
| }
|
|
|
| @@ -103,7 +105,7 @@
|
| .data-grid td {
|
| vertical-align: top;
|
| height: 16px; /* Keep in sync with .data-grid table.data @ background-size */
|
| - line-height: 13px;
|
| + line-height: 14px;
|
| padding: 1px 4px;
|
| white-space: nowrap;
|
| overflow: hidden;
|
| @@ -140,20 +142,9 @@
|
| }
|
|
|
| .data-grid th.sortable:active {
|
| - background-image: url(Images/glossyHeaderPressed.png);
|
| + background-color: rgba(0, 0, 0, 0.15);
|
| }
|
| -.data-grid th.sort-ascending,
|
| -.data-grid th.sort-descending {
|
| - border-left: 1px solid rgb(107, 140, 196);
|
| - border-bottom: 1px solid rgb(107, 140, 196);
|
| - background-image: url(Images/glossyHeaderSelected.png);
|
| - background-repeat: repeat-x;
|
| -}
|
|
|
| -.data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descending:active {
|
| - background-image: url(Images/glossyHeaderSelectedPressed.png);
|
| -}
|
| -
|
| .data-grid th.sort-ascending > div::after,
|
| .data-grid th.sort-descending > div::after {
|
| position: absolute;
|
| @@ -171,7 +162,7 @@
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .data-grid th.sort-ascending > div::after,
|
| .data-grid th.sort-descending > div::after {
|
| - background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + background-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
| @@ -183,18 +174,15 @@
|
| background-position: -20px -96px;
|
| }
|
|
|
| +.data-grid th:hover {
|
| + background-color: rgba(0, 0, 0, 0.1);
|
| +}
|
| +
|
| .data-grid button {
|
| line-height: 18px;
|
| color: inherit;
|
| }
|
|
|
| -body.inactive .data-grid th.sort-ascending,
|
| -body.inactive .data-grid th.sort-descending {
|
| - background-image: url(Images/glossyHeader.png);
|
| - border-left: 1px solid rgb(179, 179, 179);
|
| - border-bottom: 1px solid rgb(179, 179, 179);
|
| -}
|
| -
|
| .data-grid tr.parent td.disclosure::before {
|
| -webkit-user-select: none;
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
|
| @@ -215,7 +203,7 @@
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .data-grid tr.parent td.disclosure::before {
|
| - -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| + -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
|
| }
|
| } /* media */
|
|
|
|
|