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

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: address comments 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
« chrome/browser/resources/md_history/history_item.html ('K') | « chrome/browser/resources/md_history/history_toolbar.html ('k') | chrome/browser/resources/md_history/shared_style.html » ('j') | chrome/browser/resources/md_history/shared_vars.html » ('J')
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 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
141 } 144 }
142 145
143 .domain-heading { 146 .domain-heading {
144 align-items: center; 147 align-items: center;
145 display: flex; 148 display: flex;
146 height: var(--item-height); 149 height: var(--item-height);
147 padding: 0 20px; 150 padding: 0 20px;
148 } 151 }
149 152
150 .domain-count { 153 .domain-count {
151 color: rgb(151, 156, 160); 154 color: var(--secondary-text-color);
152 padding-left: 10px; 155 padding-left: 10px;
153 } 156 }
154 157
155 .domain-heading-text { 158 .domain-heading-text {
156 display: flex; 159 display: flex;
157 } 160 }
158 161
159 .group-container { 162 .group-container {
160 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 163 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
161 background: #fff; 164 background: #fff;
(...skipping 430 matching lines...) Expand 10 before | Expand all | Expand 10 after
592 </style> 595 </style>
593 <content></content> 596 <content></content>
594 </template> 597 </template>
595 </dom-module> 598 </dom-module>
596 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow"> 599 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow">
597 <template> 600 <template>
598 <style scope="history-synced-device-card">[hidden] { 601 <style scope="history-synced-device-card">[hidden] {
599 display: none !important; 602 display: none !important;
600 } 603 }
601 604
605 a {
606 color: var(--link-color);
607 }
608
602 .card-title { 609 .card-title {
603 align-items: center; 610 align-items: center;
604 border-bottom: 1px solid var(--card-border-color); 611 border-bottom: 1px solid var(--card-border-color);
605 border-radius: 2px 2px 0 0; 612 border-radius: 2px 2px 0 0;
606 color: var(--primary-text-color);
607 display: flex; 613 display: flex;
608 font-size: 14px; 614 font-size: 14px;
609 font-weight: 500; 615 font-weight: 500;
610 height: 48px; 616 height: 48px;
611 line-height: 48px; 617 line-height: 48px;
612 overflow: hidden; 618 overflow: hidden;
613 padding: 0 20px; 619 padding: 0 20px;
614 text-overflow: ellipsis; 620 text-overflow: ellipsis;
615 white-space: nowrap; 621 white-space: nowrap;
616 } 622 }
617 623
618 .centered-message { 624 .centered-message {
619 align-items: center; 625 align-items: center;
620 color: #b4b4b4; 626 color: var(--md-loading-message-color);
621 display: flex; 627 display: flex;
622 flex: 1; 628 flex: 1;
623 font-size: 14px; 629 font-size: 14px;
624 font-weight: 500; 630 font-weight: 500;
625 height: 100%; 631 height: 100%;
626 justify-content: center; 632 justify-content: center;
627 } 633 }
628 634
629 .menu-item { 635 .menu-item {
630 -webkit-user-select: none; 636 -webkit-user-select: none;
(...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after
779 </iron-collapse> 785 </iron-collapse>
780 </div> 786 </div>
781 </template> 787 </template>
782 </dom-module> 788 </dom-module>
783 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow"> 789 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow">
784 <template> 790 <template>
785 <style scope="history-synced-device-manager">[hidden] { 791 <style scope="history-synced-device-manager">[hidden] {
786 display: none !important; 792 display: none !important;
787 } 793 }
788 794
795 a {
796 color: var(--link-color);
797 }
798
789 .card-title { 799 .card-title {
790 align-items: center; 800 align-items: center;
791 border-bottom: 1px solid var(--card-border-color); 801 border-bottom: 1px solid var(--card-border-color);
792 border-radius: 2px 2px 0 0; 802 border-radius: 2px 2px 0 0;
793 color: var(--primary-text-color);
794 display: flex; 803 display: flex;
795 font-size: 14px; 804 font-size: 14px;
796 font-weight: 500; 805 font-weight: 500;
797 height: 48px; 806 height: 48px;
798 line-height: 48px; 807 line-height: 48px;
799 overflow: hidden; 808 overflow: hidden;
800 padding: 0 20px; 809 padding: 0 20px;
801 text-overflow: ellipsis; 810 text-overflow: ellipsis;
802 white-space: nowrap; 811 white-space: nowrap;
803 } 812 }
804 813
805 .centered-message { 814 .centered-message {
806 align-items: center; 815 align-items: center;
807 color: #b4b4b4; 816 color: var(--md-loading-message-color);
808 display: flex; 817 display: flex;
809 flex: 1; 818 flex: 1;
810 font-size: 14px; 819 font-size: 14px;
811 font-weight: 500; 820 font-weight: 500;
812 height: 100%; 821 height: 100%;
813 justify-content: center; 822 justify-content: center;
814 } 823 }
815 824
816 .menu-item { 825 .menu-item {
817 -webkit-user-select: none; 826 -webkit-user-select: none;
(...skipping 135 matching lines...) Expand 10 before | Expand all | Expand 10 after
953 #sign-in-guide { 962 #sign-in-guide {
954 align-items: center; 963 align-items: center;
955 display: flex; 964 display: flex;
956 flex-direction: column; 965 flex-direction: column;
957 justify-content: center; 966 justify-content: center;
958 overflow-x: hidden; 967 overflow-x: hidden;
959 text-align: center; 968 text-align: center;
960 } 969 }
961 970
962 #sign-in-promo { 971 #sign-in-promo {
963 color: var(--primary-text-color); 972 font-size: 215%;
964 font-size: 215%;
965 margin-top: 40px; 973 margin-top: 40px;
966 } 974 }
967 975
968 #sign-in-promo-desc { 976 #sign-in-promo-desc {
969 color: #848484; 977 color: var(--secondary-text-color);
970 font-size: 123%; 978 font-size: 123%;
971 margin-top: 10px; 979 margin-top: 10px;
972 } 980 }
973 981
974 #sign-in-button { 982 #sign-in-button {
975 margin: 24px 0; 983 margin: 24px 0;
976 padding-left: 12px; 984 padding-left: 12px;
977 padding-right: 12px; 985 padding-right: 12px;
978 } 986 }
979 987
(...skipping 442 matching lines...) Expand 10 before | Expand all | Expand 10 after
1422 <content select="*"></content> 1430 <content select="*"></content>
1423 </div> 1431 </div>
1424 </div> 1432 </div>
1425 1433
1426 <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> 1434 <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>
1427 1435
1428 </template> 1436 </template>
1429 1437
1430 </dom-module> 1438 </dom-module>
1431 </div><script src="lazy_load.crisper.js"></script></body></html> 1439 </div><script src="lazy_load.crisper.js"></script></body></html>
OLDNEW
« chrome/browser/resources/md_history/history_item.html ('K') | « chrome/browser/resources/md_history/history_toolbar.html ('k') | chrome/browser/resources/md_history/shared_style.html » ('j') | chrome/browser/resources/md_history/shared_vars.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698