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 body.uber-frame > .page.big-topbar-page { | 9 body.uber-frame > .page.big-topbar-page { |
10 padding-top: 78px; | 10 padding-top: 78px; |
(...skipping 317 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
328 | 328 |
329 .number-visits { | 329 .number-visits { |
330 color: rgb(151, 156, 160); | 330 color: rgb(151, 156, 160); |
331 } | 331 } |
332 | 332 |
333 .drop-down { | 333 .drop-down { |
334 margin-top: 1px; | 334 margin-top: 1px; |
335 } | 335 } |
336 | 336 |
337 html[dir='rtl'] .entry .title, | 337 html[dir='rtl'] .entry .title, |
338 html[dir='rtl'] .site-domain { | |
339 /* Put the favicon on the right. */ | |
340 background-position-x: right; | |
341 } | |
342 | 338 |
343 .entry .time { | 339 .entry .time { |
344 color: rgb(151, 156, 160); | 340 color: rgb(151, 156, 160); |
345 max-width: 90px; | 341 max-width: 90px; |
346 min-width: -webkit-min-content; | 342 min-width: -webkit-min-content; |
347 overflow: hidden; | 343 overflow: hidden; |
348 text-overflow: ellipsis; | 344 text-overflow: ellipsis; |
349 white-space: nowrap; | 345 white-space: nowrap; |
350 } | 346 } |
351 | 347 |
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
440 min-width: 0; | 436 min-width: 0; |
441 } | 437 } |
442 | 438 |
443 .entry .title { | 439 .entry .title { |
444 min-width: 0; | 440 min-width: 0; |
445 overflow: hidden; | 441 overflow: hidden; |
446 text-overflow: ellipsis; | 442 text-overflow: ellipsis; |
447 white-space: nowrap; | 443 white-space: nowrap; |
448 } | 444 } |
449 | 445 |
450 .entry .visit-entry, | |
451 .site-domain { | |
452 /* Make room for the favicon. */ | |
453 -webkit-padding-start: 16px; | |
454 } | |
455 | |
456 .entry .visit-entry, | |
457 .site-domain, | |
458 .blocked-indicator { | |
459 /* Control the favicon appearance. */ | |
460 background-position-y: center; | |
461 background-repeat: no-repeat; | |
462 background-size: 16px; | |
463 } | |
464 | |
465 html[dir='rtl'] .entry .visit-entry, | |
466 html[dir='rtl'] .site-domain, | |
467 html[dir='rtl'] .blocked-indicator { | |
468 background-position-x: right; | |
469 } | |
Dan Beam
2016/02/05 20:42:11
how can you nuke all this without breaking somethi
pkotwicz
2016/02/06 02:59:55
The rtl background-position-x CSS switches the pos
| |
470 | |
471 /* TODO(sergiu): If this is the final icon replace it with a separate resource. | 446 /* TODO(sergiu): If this is the final icon replace it with a separate resource. |
472 */ | 447 */ |
473 .entry .blocked-indicator { | 448 .entry .blocked-indicator { |
474 -webkit-padding-start: 20px; /* 16px for favicon, 4px for <a> padding. */ | 449 -webkit-padding-start: 4px; /* For <a> padding. */ |
475 background-image: url(../ssl/images/roadblock.png); | |
476 } | 450 } |
477 | 451 |
478 .blocked-indicator .title { | 452 .blocked-indicator .title { |
479 color: rgb(151, 156, 160); | 453 color: rgb(151, 156, 160); |
480 } | 454 } |
481 | 455 |
456 .blocked-icon { | |
457 background-image: url(../ssl/images/roadblock.png) | |
458 } | |
459 | |
460 .favicon { | |
461 background-position-y: center; | |
462 background-repeat: no-repeat; | |
463 background-size: 16px; | |
464 flex-shrink: 0; | |
465 height: 16px; | |
466 width: 16px; | |
467 } | |
468 | |
482 .site-domain button:hover { | 469 .site-domain button:hover { |
483 text-decoration: none; | 470 text-decoration: none; |
484 } | 471 } |
485 | 472 |
486 .site-domain-arrow { | 473 .site-domain-arrow { |
487 -webkit-transform: rotate(0); | 474 -webkit-transform: rotate(0); |
488 -webkit-transition: -webkit-transform 300ms linear; | 475 -webkit-transition: -webkit-transform 300ms linear; |
489 background: url(../disclosure_triangle_small.png) no-repeat; | 476 background: url(../disclosure_triangle_small.png) no-repeat; |
490 background-position: 5px 5px; | 477 background-position: 5px 5px; |
491 color: rgb(143, 143, 143); | 478 color: rgb(143, 143, 143); |
(...skipping 143 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
635 | 622 |
636 #action-menu[data-devicetype='phone']::before { | 623 #action-menu[data-devicetype='phone']::before { |
637 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); | 624 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); |
638 background-position: 14px center; | 625 background-position: 14px center; |
639 padding-left: 43px; | 626 padding-left: 43px; |
640 } | 627 } |
641 | 628 |
642 #action-menu[data-devicetype='tablet']::before { | 629 #action-menu[data-devicetype='tablet']::before { |
643 background-image: url(../../../../ui/webui/resources/images/tablet.svg); | 630 background-image: url(../../../../ui/webui/resources/images/tablet.svg); |
644 } | 631 } |
OLD | NEW |