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

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

Issue 458903003: DevTools: DataGrid: simplify CSS. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 4 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 | no next file » | 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 23 matching lines...) Expand all
34 height: 17px; 34 height: 17px;
35 } 35 }
36 36
37 .data-grid .data-container { 37 .data-grid .data-container {
38 top: 17px; 38 top: 17px;
39 bottom: 0; 39 bottom: 0;
40 overflow-y: overlay; 40 overflow-y: overlay;
41 -webkit-transform: translateZ(0); 41 -webkit-transform: translateZ(0);
42 } 42 }
43 43
44 .data-grid.inline {
45 border-left: none;
46 }
47
48 .data-grid.inline .header-container, 44 .data-grid.inline .header-container,
49 .data-grid.inline .data-container { 45 .data-grid.inline .data-container {
50 position: static; 46 position: static;
51 } 47 }
52 48
53 .data-grid.inline col.corner, 49 .data-grid.inline .corner {
54 .data-grid.inline th.corner,
55 .data-grid.inline td.corner {
56 display: none; 50 display: none;
57 } 51 }
58 52
59 .data-grid th.corner, 53 .data-grid .corner {
60 .data-grid td.corner,
61 .data-grid col.corner {
62 width: 14px; 54 width: 14px;
63 padding-right: 0; 55 padding-right: 0;
64 padding-left: 0; 56 padding-left: 0;
65 border-left: 0 none transparent !important; 57 border-left: 0 none transparent !important;
66 } 58 }
67 59
68 .data-grid .top-filler-td, 60 .data-grid .top-filler-td,
69 .data-grid .bottom-filler-td { 61 .data-grid .bottom-filler-td {
70 height: auto !important; 62 height: auto !important;
71 padding: 0 !important; 63 padding: 0 !important;
(...skipping 25 matching lines...) Expand all
97 89
98 .data-grid td, 90 .data-grid td,
99 .data-grid th { 91 .data-grid th {
100 white-space: nowrap; 92 white-space: nowrap;
101 text-overflow: ellipsis; 93 text-overflow: ellipsis;
102 overflow: hidden; 94 overflow: hidden;
103 line-height: 14px; 95 line-height: 14px;
104 border-left: 1px solid #aaa; 96 border-left: 1px solid #aaa;
105 } 97 }
106 98
99 .data-grid th:first-child,
100 .data-grid td:first-child {
101 border-left: none !important;
102 }
103
107 .data-grid td { 104 .data-grid td {
108 height: 16px; /* Keep in sync with .data-grid table.data @ background-size * / 105 height: 16px; /* Keep in sync with .data-grid table.data @ background-size * /
109 }
110
111 .data-grid th {
112 height: auto;
113 }
114
115 .data-grid:not(.inline) th:first-child,
116 .data-grid:not(.inline) td:first-child {
117 border-left: none !important;
118 }
119
120 .data-grid td {
121 vertical-align: top; 106 vertical-align: top;
122 padding: 1px 4px; 107 padding: 1px 4px;
123 -webkit-user-select: text; 108 -webkit-user-select: text;
124 } 109 }
125 110
126 .data-grid th { 111 .data-grid th {
112 height: auto;
127 text-align: left; 113 text-align: left;
128 background-color: rgb(236, 236, 236); 114 background-color: rgb(236, 236, 236);
129 border-bottom: 1px solid #aaa; 115 border-bottom: 1px solid #aaa;
130 font-weight: normal; 116 font-weight: normal;
131 vertical-align: middle; 117 vertical-align: middle;
132 padding: 0 4px; 118 padding: 0 4px;
133 } 119 }
134 120
135 .data-grid td > div, 121 .data-grid td > div,
136 .data-grid th > div { 122 .data-grid th > div {
137 white-space: nowrap; 123 white-space: nowrap;
138 text-overflow: ellipsis; 124 text-overflow: ellipsis;
139 overflow: hidden; 125 overflow: hidden;
140 } 126 }
141 127
142 .data-grid th > div {
143 overflow: hidden;
144 }
145
146 .data-grid td.editing > div { 128 .data-grid td.editing > div {
147 text-overflow: clip; 129 text-overflow: clip;
148 } 130 }
149 131
150 .data-grid .center { 132 .data-grid .center {
151 text-align: center; 133 text-align: center;
152 } 134 }
153 135
154 .data-grid .right { 136 .data-grid .right {
155 text-align: right; 137 text-align: right;
(...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after
257 text-indent: 10px; 239 text-indent: 10px;
258 } 240 }
259 241
260 .data-grid-resizer { 242 .data-grid-resizer {
261 position: absolute; 243 position: absolute;
262 top: 0; 244 top: 0;
263 bottom: 0; 245 bottom: 0;
264 width: 5px; 246 width: 5px;
265 z-index: 500; 247 z-index: 500;
266 } 248 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698