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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2549133003: [MD History] Color tweaks. (Closed)
Patch Set: fixnit Created 4 years 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/history_toolbar.html ('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 30 matching lines...) Expand all
41 </template> 41 </template>
42 42
43 </dom-module> 43 </dom-module>
44 44
45 <dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="s hadow"> 45 <dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="s hadow">
46 <template> 46 <template>
47 <style scope="history-grouped-list">[hidden] { 47 <style scope="history-grouped-list">[hidden] {
48 display: none !important; 48 display: none !important;
49 } 49 }
50 50
51 a {
52 color: var(--link-color);
53 }
54
51 .card-title { 55 .card-title {
52 align-items: center; 56 align-items: center;
53 border-bottom: 1px solid var(--card-border-color); 57 border-bottom: 1px solid var(--card-border-color);
54 border-radius: 2px 2px 0 0; 58 border-radius: 2px 2px 0 0;
55 color: var(--primary-text-color);
56 display: flex; 59 display: flex;
57 font-size: 14px; 60 font-size: 14px;
58 font-weight: 500; 61 font-weight: 500;
59 height: 48px; 62 height: 48px;
60 line-height: 48px; 63 line-height: 48px;
61 overflow: hidden; 64 overflow: hidden;
62 padding: 0 20px; 65 padding: 0 20px;
63 text-overflow: ellipsis; 66 text-overflow: ellipsis;
64 white-space: nowrap; 67 white-space: nowrap;
65 } 68 }
66 69
67 .centered-message { 70 .centered-message {
68 align-items: center; 71 align-items: center;
69 color: #b4b4b4; 72 color: var(--md-loading-message-color);
70 display: flex; 73 display: flex;
71 flex: 1; 74 flex: 1;
72 font-size: 14px; 75 font-size: 14px;
73 font-weight: 500; 76 font-weight: 500;
74 height: 100%; 77 height: 100%;
75 justify-content: center; 78 justify-content: center;
76 } 79 }
77 80
78 .menu-item { 81 .menu-item {
79 -webkit-user-select: none; 82 -webkit-user-select: none;
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after
140 } 143 }
141 144
142 .domain-heading { 145 .domain-heading {
143 align-items: center; 146 align-items: center;
144 display: flex; 147 display: flex;
145 height: var(--item-height); 148 height: var(--item-height);
146 padding: 0 20px; 149 padding: 0 20px;
147 } 150 }
148 151
149 .domain-count { 152 .domain-count {
150 color: rgb(151, 156, 160); 153 color: var(--secondary-text-color);
151 padding-left: 10px; 154 padding-left: 10px;
152 } 155 }
153 156
154 .domain-heading-text { 157 .domain-heading-text {
155 display: flex; 158 display: flex;
156 } 159 }
157 160
158 .group-container { 161 .group-container {
159 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 162 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
160 background: #fff; 163 background: #fff;
(...skipping 430 matching lines...) Expand 10 before | Expand all | Expand 10 after
591 </style> 594 </style>
592 <content></content> 595 <content></content>
593 </template> 596 </template>
594 </dom-module> 597 </dom-module>
595 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow"> 598 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow">
596 <template> 599 <template>
597 <style scope="history-synced-device-card">[hidden] { 600 <style scope="history-synced-device-card">[hidden] {
598 display: none !important; 601 display: none !important;
599 } 602 }
600 603
604 a {
605 color: var(--link-color);
606 }
607
601 .card-title { 608 .card-title {
602 align-items: center; 609 align-items: center;
603 border-bottom: 1px solid var(--card-border-color); 610 border-bottom: 1px solid var(--card-border-color);
604 border-radius: 2px 2px 0 0; 611 border-radius: 2px 2px 0 0;
605 color: var(--primary-text-color);
606 display: flex; 612 display: flex;
607 font-size: 14px; 613 font-size: 14px;
608 font-weight: 500; 614 font-weight: 500;
609 height: 48px; 615 height: 48px;
610 line-height: 48px; 616 line-height: 48px;
611 overflow: hidden; 617 overflow: hidden;
612 padding: 0 20px; 618 padding: 0 20px;
613 text-overflow: ellipsis; 619 text-overflow: ellipsis;
614 white-space: nowrap; 620 white-space: nowrap;
615 } 621 }
616 622
617 .centered-message { 623 .centered-message {
618 align-items: center; 624 align-items: center;
619 color: #b4b4b4; 625 color: var(--md-loading-message-color);
620 display: flex; 626 display: flex;
621 flex: 1; 627 flex: 1;
622 font-size: 14px; 628 font-size: 14px;
623 font-weight: 500; 629 font-weight: 500;
624 height: 100%; 630 height: 100%;
625 justify-content: center; 631 justify-content: center;
626 } 632 }
627 633
628 .menu-item { 634 .menu-item {
629 -webkit-user-select: none; 635 -webkit-user-select: none;
(...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after
778 </iron-collapse> 784 </iron-collapse>
779 </div> 785 </div>
780 </template> 786 </template>
781 </dom-module> 787 </dom-module>
782 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow"> 788 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow">
783 <template> 789 <template>
784 <style scope="history-synced-device-manager">[hidden] { 790 <style scope="history-synced-device-manager">[hidden] {
785 display: none !important; 791 display: none !important;
786 } 792 }
787 793
794 a {
795 color: var(--link-color);
796 }
797
788 .card-title { 798 .card-title {
789 align-items: center; 799 align-items: center;
790 border-bottom: 1px solid var(--card-border-color); 800 border-bottom: 1px solid var(--card-border-color);
791 border-radius: 2px 2px 0 0; 801 border-radius: 2px 2px 0 0;
792 color: var(--primary-text-color);
793 display: flex; 802 display: flex;
794 font-size: 14px; 803 font-size: 14px;
795 font-weight: 500; 804 font-weight: 500;
796 height: 48px; 805 height: 48px;
797 line-height: 48px; 806 line-height: 48px;
798 overflow: hidden; 807 overflow: hidden;
799 padding: 0 20px; 808 padding: 0 20px;
800 text-overflow: ellipsis; 809 text-overflow: ellipsis;
801 white-space: nowrap; 810 white-space: nowrap;
802 } 811 }
803 812
804 .centered-message { 813 .centered-message {
805 align-items: center; 814 align-items: center;
806 color: #b4b4b4; 815 color: var(--md-loading-message-color);
807 display: flex; 816 display: flex;
808 flex: 1; 817 flex: 1;
809 font-size: 14px; 818 font-size: 14px;
810 font-weight: 500; 819 font-weight: 500;
811 height: 100%; 820 height: 100%;
812 justify-content: center; 821 justify-content: center;
813 } 822 }
814 823
815 .menu-item { 824 .menu-item {
816 -webkit-user-select: none; 825 -webkit-user-select: none;
(...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after
951 #sign-in-guide { 960 #sign-in-guide {
952 align-items: center; 961 align-items: center;
953 display: flex; 962 display: flex;
954 flex-direction: column; 963 flex-direction: column;
955 justify-content: center; 964 justify-content: center;
956 overflow-x: hidden; 965 overflow-x: hidden;
957 text-align: center; 966 text-align: center;
958 } 967 }
959 968
960 #sign-in-promo { 969 #sign-in-promo {
961 color: var(--primary-text-color); 970 font-size: 215%;
962 font-size: 215%;
963 margin-top: 40px; 971 margin-top: 40px;
964 } 972 }
965 973
966 #sign-in-promo-desc { 974 #sign-in-promo-desc {
967 color: #848484; 975 color: var(--secondary-text-color);
968 font-size: 123%; 976 font-size: 123%;
969 margin-top: 10px; 977 margin-top: 10px;
970 } 978 }
971 979
972 #sign-in-button { 980 #sign-in-button {
973 margin: 24px 0; 981 margin: 24px 0;
974 padding-left: 12px; 982 padding-left: 12px;
975 padding-right: 12px; 983 padding-right: 12px;
976 } 984 }
977 985
(...skipping 442 matching lines...) Expand 10 before | Expand all | Expand 10 after
1420 <content select="*"></content> 1428 <content select="*"></content>
1421 </div> 1429 </div>
1422 </div> 1430 </div>
1423 1431
1424 <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> 1432 <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>
1425 1433
1426 </template> 1434 </template>
1427 1435
1428 </dom-module> 1436 </dom-module>
1429 </div><script src="lazy_load.crisper.js"></script></body></html> 1437 </div><script src="lazy_load.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/history_toolbar.html ('k') | chrome/browser/resources/md_history/shared_style.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698