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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_history/lazy_load.vulcanized.html

Issue 2620613003: MD History: Replace px-based font sizes with %-based sizing (Closed)
Patch Set: Created 3 years, 11 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
« no previous file with comments | « chrome/browser/resources/md_history/lazy_load.crisper.js ('k') | chrome/browser/resources/md_history/shared_style.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html><head><!-- 1 <html><head><!--
2 @license 2 @license
3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after
50 50
51 a { 51 a {
52 color: var(--link-color); 52 color: var(--link-color);
53 } 53 }
54 54
55 .card-title { 55 .card-title {
56 align-items: center; 56 align-items: center;
57 border-bottom: 1px solid var(--card-border-color); 57 border-bottom: 1px solid var(--card-border-color);
58 border-radius: 2px 2px 0 0; 58 border-radius: 2px 2px 0 0;
59 display: flex; 59 display: flex;
60 font-size: 14px; 60 font-size: 108%;
61 font-weight: 500; 61 font-weight: 500;
62 height: 48px; 62 height: 48px;
63 line-height: 48px; 63 line-height: 48px;
64 overflow: hidden; 64 overflow: hidden;
65 padding: 0 20px; 65 padding: 0 20px;
66 text-overflow: ellipsis; 66 text-overflow: ellipsis;
67 white-space: nowrap; 67 white-space: nowrap;
68 } 68 }
69 69
70 .centered-message { 70 .centered-message {
71 align-items: center; 71 align-items: center;
72 color: var(--md-loading-message-color); 72 color: var(--md-loading-message-color);
73 display: flex; 73 display: flex;
74 flex: 1; 74 flex: 1;
75 font-size: 14px; 75 font-size: 108%;
76 font-weight: 500; 76 font-weight: 500;
77 height: 100%; 77 height: 100%;
78 justify-content: center; 78 justify-content: center;
79 } 79 }
80 80
81 .website-icon { 81 .website-icon {
82 -webkit-margin-end: 16px; 82 -webkit-margin-end: 16px;
83 background-repeat: no-repeat; 83 background-repeat: no-repeat;
84 background-size: 16px; 84 background-size: 16px;
85 height: 16px; 85 height: 16px;
(...skipping 466 matching lines...) Expand 10 before | Expand all | Expand 10 after
552 552
553 a { 553 a {
554 color: var(--link-color); 554 color: var(--link-color);
555 } 555 }
556 556
557 .card-title { 557 .card-title {
558 align-items: center; 558 align-items: center;
559 border-bottom: 1px solid var(--card-border-color); 559 border-bottom: 1px solid var(--card-border-color);
560 border-radius: 2px 2px 0 0; 560 border-radius: 2px 2px 0 0;
561 display: flex; 561 display: flex;
562 font-size: 14px; 562 font-size: 108%;
563 font-weight: 500; 563 font-weight: 500;
564 height: 48px; 564 height: 48px;
565 line-height: 48px; 565 line-height: 48px;
566 overflow: hidden; 566 overflow: hidden;
567 padding: 0 20px; 567 padding: 0 20px;
568 text-overflow: ellipsis; 568 text-overflow: ellipsis;
569 white-space: nowrap; 569 white-space: nowrap;
570 } 570 }
571 571
572 .centered-message { 572 .centered-message {
573 align-items: center; 573 align-items: center;
574 color: var(--md-loading-message-color); 574 color: var(--md-loading-message-color);
575 display: flex; 575 display: flex;
576 flex: 1; 576 flex: 1;
577 font-size: 14px; 577 font-size: 108%;
578 font-weight: 500; 578 font-weight: 500;
579 height: 100%; 579 height: 100%;
580 justify-content: center; 580 justify-content: center;
581 } 581 }
582 582
583 .website-icon { 583 .website-icon {
584 -webkit-margin-end: 16px; 584 -webkit-margin-end: 16px;
585 background-repeat: no-repeat; 585 background-repeat: no-repeat;
586 background-size: 16px; 586 background-size: 16px;
587 height: 16px; 587 height: 16px;
(...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after
735 735
736 a { 736 a {
737 color: var(--link-color); 737 color: var(--link-color);
738 } 738 }
739 739
740 .card-title { 740 .card-title {
741 align-items: center; 741 align-items: center;
742 border-bottom: 1px solid var(--card-border-color); 742 border-bottom: 1px solid var(--card-border-color);
743 border-radius: 2px 2px 0 0; 743 border-radius: 2px 2px 0 0;
744 display: flex; 744 display: flex;
745 font-size: 14px; 745 font-size: 108%;
746 font-weight: 500; 746 font-weight: 500;
747 height: 48px; 747 height: 48px;
748 line-height: 48px; 748 line-height: 48px;
749 overflow: hidden; 749 overflow: hidden;
750 padding: 0 20px; 750 padding: 0 20px;
751 text-overflow: ellipsis; 751 text-overflow: ellipsis;
752 white-space: nowrap; 752 white-space: nowrap;
753 } 753 }
754 754
755 .centered-message { 755 .centered-message {
756 align-items: center; 756 align-items: center;
757 color: var(--md-loading-message-color); 757 color: var(--md-loading-message-color);
758 display: flex; 758 display: flex;
759 flex: 1; 759 flex: 1;
760 font-size: 14px; 760 font-size: 108%;
761 font-weight: 500; 761 font-weight: 500;
762 height: 100%; 762 height: 100%;
763 justify-content: center; 763 justify-content: center;
764 } 764 }
765 765
766 .website-icon { 766 .website-icon {
767 -webkit-margin-end: 16px; 767 -webkit-margin-end: 16px;
768 background-repeat: no-repeat; 768 background-repeat: no-repeat;
769 background-size: 16px; 769 background-size: 16px;
770 height: 16px; 770 height: 16px;
(...skipping 566 matching lines...) Expand 10 before | Expand all | Expand 10 after
1337 overflow: hidden; 1337 overflow: hidden;
1338 -moz-user-select: none; 1338 -moz-user-select: none;
1339 -ms-user-select: none; 1339 -ms-user-select: none;
1340 -webkit-user-select: none; 1340 -webkit-user-select: none;
1341 user-select: none; 1341 user-select: none;
1342 1342
1343 1343
1344 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 1344 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1345 -webkit-tap-highlight-color: transparent; 1345 -webkit-tap-highlight-color: transparent;
1346 1346
1347 ; 1347 font-size: var(--paper-tabs_-_font-size, 14px);
1348 } 1348 }
1349 1349
1350 :host-context([dir=rtl]) { 1350 :host-context([dir=rtl]) {
1351 display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(- -layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(-- layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layou t-horizontal-reverse_-_flex-direction); 1351 display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(- -layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(-- layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layou t-horizontal-reverse_-_flex-direction);
1352 } 1352 }
1353 1353
1354 #tabsContainer { 1354 #tabsContainer {
1355 position: relative; 1355 position: relative;
1356 height: 100%; 1356 height: 100%;
1357 white-space: nowrap; 1357 white-space: nowrap;
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
1447 <content select="*"></content> 1447 <content select="*"></content>
1448 </div> 1448 </div>
1449 </div> 1449 </div>
1450 1450
1451 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> 1451 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button>
1452 1452
1453 </template> 1453 </template>
1454 1454
1455 </dom-module> 1455 </dom-module>
1456 </div><script src="lazy_load.crisper.js"></script></body></html> 1456 </div><script src="lazy_load.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/lazy_load.crisper.js ('k') | chrome/browser/resources/md_history/shared_style.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698