Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(721)

Side by Side Diff: chrome/browser/resources/history/history.css

Issue 1596273003: [Android] Use fallback icon if there is no large favicon on the history page (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/history/externs.js ('k') | chrome/browser/resources/history/history.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698