Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(13)

Side by Side Diff: Source/devtools/front_end/dataGrid.css

Issue 334183003: DevTools: fixed UI glitches of inlined DataGrid. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fixed tests Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | Source/devtools/front_end/ui/DataGrid.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 .data-grid { 1 .data-grid {
2 position: relative; 2 position: relative;
3 border: 1px solid #aaa; 3 border: 1px solid #aaa;
4 font-size: 11px; 4 font-size: 11px;
5 line-height: 120%; 5 line-height: 120%;
6 } 6 }
7 7
8 .data-grid .highlight { 8 .data-grid .highlight {
9 background-color: rgb(255, 230, 179); 9 background-color: rgb(255, 230, 179);
10 } 10 }
(...skipping 21 matching lines...) Expand all
32 } 32 }
33 33
34 .data-grid.inline { 34 .data-grid.inline {
35 border-left: none; 35 border-left: none;
36 } 36 }
37 37
38 .data-grid.inline .data-container { 38 .data-grid.inline .data-container {
39 position: static; 39 position: static;
40 } 40 }
41 41
42 .data-grid.inline col.corner,
42 .data-grid.inline th.corner, 43 .data-grid.inline th.corner,
43 .data-grid.inline td.corner { 44 .data-grid.inline td.corner {
44 display: none; 45 display: none;
45 } 46 }
46 47
47 .data-grid th.corner, 48 .data-grid th.corner,
48 .data-grid td.corner, 49 .data-grid td.corner,
49 .data-grid col.corner { 50 .data-grid col.corner {
50 width: 14px; 51 width: 14px;
51 padding-right: 0; 52 padding-right: 0;
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after
91 .data-grid td, 92 .data-grid td,
92 .data-grid th { 93 .data-grid th {
93 white-space: nowrap; 94 white-space: nowrap;
94 text-overflow: ellipsis; 95 text-overflow: ellipsis;
95 overflow: hidden; 96 overflow: hidden;
96 height: 16px; /* Keep in sync with .data-grid table.data @ background-size * / 97 height: 16px; /* Keep in sync with .data-grid table.data @ background-size * /
97 line-height: 14px; 98 line-height: 14px;
98 border-left: 1px solid #aaa; 99 border-left: 1px solid #aaa;
99 } 100 }
100 101
101 .data-grid th:first-child, 102 .data-grid:not(.inline) th:first-child,
102 .data-grid td:first-child { 103 .data-grid:not(.inline) td:first-child {
103 border-left: none !important; 104 border-left: none !important;
104 } 105 }
105 106
106 .data-grid td { 107 .data-grid td {
107 vertical-align: top; 108 vertical-align: top;
108 padding: 1px 4px; 109 padding: 1px 4px;
109 -webkit-user-select: text; 110 -webkit-user-select: text;
110 } 111 }
111 112
112 .data-grid th { 113 .data-grid th {
(...skipping 130 matching lines...) Expand 10 before | Expand all | Expand 10 after
243 text-indent: 10px; 244 text-indent: 10px;
244 } 245 }
245 246
246 .data-grid-resizer { 247 .data-grid-resizer {
247 position: absolute; 248 position: absolute;
248 top: 0; 249 top: 0;
249 bottom: 0; 250 bottom: 0;
250 width: 5px; 251 width: 5px;
251 z-index: 500; 252 z-index: 500;
252 } 253 }
OLDNEW
« no previous file with comments | « no previous file | Source/devtools/front_end/ui/DataGrid.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698