OLD | NEW |
1 body { | 1 body { |
2 color: black; | 2 color: black; |
3 cursor: default; | 3 cursor: default; |
4 font-family: Arial, sans-serif; | 4 font-family: Arial, sans-serif; |
5 font-size: 14px; | 5 font-size: 14px; |
6 margin: 0 10px; | 6 margin: 0 10px; |
7 min-width: 47em; | 7 min-width: 47em; |
8 } | 8 } |
9 | 9 |
10 button { | 10 button { |
(...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
129 border-collapse: collapse; | 129 border-collapse: collapse; |
130 } | 130 } |
131 | 131 |
132 #policy-table th { | 132 #policy-table th { |
133 background-color: #dadadd; | 133 background-color: #dadadd; |
134 padding: 10px; | 134 padding: 10px; |
135 } | 135 } |
136 | 136 |
137 #policy-table td { | 137 #policy-table td { |
138 background-color: #eaeef3; | 138 background-color: #eaeef3; |
139 overflow: hidden; | |
140 padding: 10px; | 139 padding: 10px; |
141 text-overflow: ellipsis; | 140 position: relative; |
| 141 vertical-align: top; |
142 width: 20%; | 142 width: 20%; |
143 } | 143 } |
144 | 144 |
145 .toggler { | 145 .text-collapsed { |
146 color: #808080; | 146 bottom: 0; |
147 cursor: pointer; | 147 left: 0; |
| 148 margin: 10px; |
| 149 overflow: hidden; |
| 150 position: absolute; |
| 151 right: 0; |
| 152 top: 0; |
148 } | 153 } |
149 | 154 |
150 .collapsed { | 155 .text-cell { |
151 overflow: hidden; | 156 overflow: hidden; |
| 157 } |
| 158 |
| 159 .text-collapsed .text-cell { |
152 text-overflow: ellipsis; | 160 text-overflow: ellipsis; |
| 161 } |
| 162 |
| 163 .text-expanded .text-cell { |
| 164 overflow: visible; |
| 165 word-wrap: break-word; |
| 166 } |
| 167 |
| 168 .text-collapsed .text-value { |
153 white-space: nowrap; | 169 white-space: nowrap; |
154 } | 170 } |
155 | 171 |
156 .expanded { | 172 .text-expanded .text-value { |
157 overflow: visible; | 173 white-space: pre-wrap; |
158 word-wrap: break-word; | |
159 } | 174 } |
| 175 |
| 176 .toggler { |
| 177 float: right; |
| 178 margin-left: .5em !important; |
| 179 } |
OLD | NEW |