| 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 316 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 327 } | 327 } |
| 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, | |
| 338 html[dir='rtl'] .site-domain { | |
| 339 /* Put the favicon on the right. */ | |
| 340 background-position-x: right; | |
| 341 } | |
| 342 | |
| 343 .entry .time { | 337 .entry .time { |
| 344 color: rgb(151, 156, 160); | 338 color: rgb(151, 156, 160); |
| 345 max-width: 90px; | 339 max-width: 90px; |
| 346 min-width: -webkit-min-content; | 340 min-width: -webkit-min-content; |
| 347 overflow: hidden; | 341 overflow: hidden; |
| 348 text-overflow: ellipsis; | 342 text-overflow: ellipsis; |
| 349 white-space: nowrap; | 343 white-space: nowrap; |
| 350 } | 344 } |
| 351 | 345 |
| 352 .entry input[type='checkbox'], | 346 .entry input[type='checkbox'], |
| (...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 440 min-width: 0; | 434 min-width: 0; |
| 441 } | 435 } |
| 442 | 436 |
| 443 .entry .title { | 437 .entry .title { |
| 444 min-width: 0; | 438 min-width: 0; |
| 445 overflow: hidden; | 439 overflow: hidden; |
| 446 text-overflow: ellipsis; | 440 text-overflow: ellipsis; |
| 447 white-space: nowrap; | 441 white-space: nowrap; |
| 448 } | 442 } |
| 449 | 443 |
| 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 } | |
| 470 | |
| 471 /* TODO(sergiu): If this is the final icon replace it with a separate resource. | 444 /* TODO(sergiu): If this is the final icon replace it with a separate resource. |
| 472 */ | 445 */ |
| 473 .entry .blocked-indicator { | 446 .entry .blocked-indicator { |
| 474 -webkit-padding-start: 20px; /* 16px for favicon, 4px for <a> padding. */ | 447 -webkit-padding-start: 4px; /* For <a> padding. */ |
| 475 background-image: url(../ssl/images/roadblock.png); | |
| 476 } | 448 } |
| 477 | 449 |
| 478 .blocked-indicator .title { | 450 .blocked-indicator .title { |
| 479 color: rgb(151, 156, 160); | 451 color: rgb(151, 156, 160); |
| 480 } | 452 } |
| 481 | 453 |
| 454 .blocked-icon { |
| 455 background-image: url(../ssl/images/roadblock.png) |
| 456 } |
| 457 |
| 458 .favicon { |
| 459 background-position-y: center; |
| 460 background-repeat: no-repeat; |
| 461 background-size: 16px; |
| 462 flex-shrink: 0; |
| 463 height: 16px; |
| 464 width: 16px; |
| 465 } |
| 466 |
| 482 .site-domain button:hover { | 467 .site-domain button:hover { |
| 483 text-decoration: none; | 468 text-decoration: none; |
| 484 } | 469 } |
| 485 | 470 |
| 486 .site-domain-arrow { | 471 .site-domain-arrow { |
| 487 -webkit-transform: rotate(0); | 472 -webkit-transform: rotate(0); |
| 488 -webkit-transition: -webkit-transform 300ms linear; | 473 -webkit-transition: -webkit-transform 300ms linear; |
| 489 background: url(../disclosure_triangle_small.png) no-repeat; | 474 background: url(../disclosure_triangle_small.png) no-repeat; |
| 490 background-position: 5px 5px; | 475 background-position: 5px 5px; |
| 491 color: rgb(143, 143, 143); | 476 color: rgb(143, 143, 143); |
| (...skipping 143 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 635 | 620 |
| 636 #action-menu[data-devicetype='phone']::before { | 621 #action-menu[data-devicetype='phone']::before { |
| 637 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); | 622 background-image: url(../../../../ui/webui/resources/images/smartphone.svg); |
| 638 background-position: 14px center; | 623 background-position: 14px center; |
| 639 padding-left: 43px; | 624 padding-left: 43px; |
| 640 } | 625 } |
| 641 | 626 |
| 642 #action-menu[data-devicetype='tablet']::before { | 627 #action-menu[data-devicetype='tablet']::before { |
| 643 background-image: url(../../../../ui/webui/resources/images/tablet.svg); | 628 background-image: url(../../../../ui/webui/resources/images/tablet.svg); |
| 644 } | 629 } |
| OLD | NEW |