OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 html[dir=rtl] body.uber-frame > .page { | 5 html[dir=rtl] body.uber-frame > .page { |
6 -webkit-margin-end: 0; | 6 -webkit-margin-end: 0; |
7 } | 7 } |
8 | 8 |
9 #top-container { | 9 #top-container { |
10 margin-top: 16px; | 10 margin-top: 16px; |
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
133 padding: 0; | 133 padding: 0; |
134 } | 134 } |
135 | 135 |
136 .gap { | 136 .gap { |
137 -webkit-border-end: 1px solid rgb(192, 195, 198); | 137 -webkit-border-end: 1px solid rgb(192, 195, 198); |
138 height: 14px; | 138 height: 14px; |
139 margin: 1px 0; | 139 margin: 1px 0; |
140 width: 45px; | 140 width: 45px; |
141 } | 141 } |
142 | 142 |
143 .entry { | |
144 display: -webkit-flex; | |
145 overflow: auto; | |
146 } | |
147 | |
148 .entry-box, | 143 .entry-box, |
149 .site-domain-wrapper { | 144 .site-domain-wrapper { |
150 -webkit-align-items: center; | 145 -webkit-align-items: center; |
151 cursor: default; | 146 cursor: default; |
152 display: -webkit-flex; | 147 display: -webkit-flex; |
153 /* An odd line-height ensures a consistent baseline on all platforms. */ | 148 /* An odd line-height ensures a consistent baseline on all platforms. */ |
154 line-height: 1.75em; | 149 line-height: 1.75em; |
155 margin-bottom: 6px; | 150 margin-bottom: 6px; |
156 /* The box should be no bigger than its parent. */ | 151 /* The box should be no bigger than its parent. */ |
157 max-width: 100%; | 152 max-width: 100%; |
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
247 color: rgb(151, 156, 160); | 242 color: rgb(151, 156, 160); |
248 min-width: 90px; | 243 min-width: 90px; |
249 overflow: hidden; | 244 overflow: hidden; |
250 text-overflow: ellipsis; | 245 text-overflow: ellipsis; |
251 white-space: nowrap; | 246 white-space: nowrap; |
252 width: 90px; | 247 width: 90px; |
253 } | 248 } |
254 | 249 |
255 .search-results .time, | 250 .search-results .time, |
256 .month-results .time { | 251 .month-results .time { |
| 252 min-width: 110px; |
257 width: 110px; | 253 width: 110px; |
258 } | 254 } |
259 | 255 |
260 .entry input[type=checkbox] { | 256 .entry input[type=checkbox] { |
261 -webkit-margin-end: 6px; | 257 -webkit-margin-end: 6px; |
262 -webkit-margin-start: 4px; | 258 -webkit-margin-start: 4px; |
263 line-height: 1em; | 259 line-height: 1em; |
264 } | 260 } |
265 | 261 |
266 <if expr="not pp_ifdef('android')"> | 262 <if expr="not pp_ifdef('android')"> |
(...skipping 11 matching lines...) Expand all Loading... |
278 opacity: 1; | 274 opacity: 1; |
279 } | 275 } |
280 | 276 |
281 .site-domain-wrapper input[type=checkbox]:focus, | 277 .site-domain-wrapper input[type=checkbox]:focus, |
282 .entry-box input[type=checkbox]:focus { | 278 .entry-box input[type=checkbox]:focus { |
283 -webkit-transition: opacity 150ms; | 279 -webkit-transition: opacity 150ms; |
284 } | 280 } |
285 | 281 |
286 .filter-status { | 282 .filter-status { |
287 display: -webkit-flex; | 283 display: -webkit-flex; |
288 -webkit-flex-grow: 1; | 284 -webkit-flex: 1 0 auto; |
289 -webkit-justify-content: flex-end; | 285 -webkit-justify-content: flex-end; |
290 } | 286 } |
291 | 287 |
292 .filter-status > div { | 288 .filter-status > div { |
| 289 -webkit-flex: 0 0 auto; |
293 -webkit-transition: background-color 500ms ease-in-out; | 290 -webkit-transition: background-color 500ms ease-in-out; |
294 border-radius: 3px; | 291 border-radius: 3px; |
295 font-size: 11px; | 292 font-size: 11px; |
296 height: 14px; | 293 height: 14px; |
297 line-height: 12px; | 294 line-height: 12px; |
298 visibility: hidden; | 295 visibility: hidden; |
299 white-space: nowrap; | 296 white-space: nowrap; |
300 } | 297 } |
301 | 298 |
302 .filter-status > div.filter-allowed, | 299 .filter-status > div.filter-allowed, |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
335 .entry-box { | 332 .entry-box { |
336 background-color: none; | 333 background-color: none; |
337 } | 334 } |
338 | 335 |
339 .entry-box:hover, | 336 .entry-box:hover, |
340 .entry-box.contains-focus { | 337 .entry-box.contains-focus { |
341 background-color: rgb(252, 252, 252); | 338 background-color: rgb(252, 252, 252); |
342 border-radius: 2px; | 339 border-radius: 2px; |
343 } | 340 } |
344 | 341 |
| 342 .entry-box-container { |
| 343 display: -webkit-flex; |
| 344 } |
| 345 |
345 .entry .title-and-domain { | 346 .entry .title-and-domain { |
346 display: -webkit-flex; | 347 display: -webkit-flex; |
347 min-width: 0; | 348 min-width: 0; |
348 } | 349 } |
349 | 350 |
350 .entry .title { | 351 .entry .title { |
351 min-width: 0; | 352 min-width: 0; |
352 overflow: hidden; | 353 overflow: hidden; |
353 text-overflow: ellipsis; | 354 text-overflow: ellipsis; |
354 white-space: nowrap; | 355 white-space: nowrap; |
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
478 } | 479 } |
479 | 480 |
480 /* Clear the float to ensure that #results-pagination encloses its children. */ | 481 /* Clear the float to ensure that #results-pagination encloses its children. */ |
481 #results-pagination::after { | 482 #results-pagination::after { |
482 clear: both; | 483 clear: both; |
483 content: ''; | 484 content: ''; |
484 display: block; | 485 display: block; |
485 height: 0; | 486 height: 0; |
486 visibility: hidden; | 487 visibility: hidden; |
487 } | 488 } |
OLD | NEW |