OLD | NEW |
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 Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |