| 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 |