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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2346383004: MD History: Update history-toolbar to use icon-button-light (Closed)
Patch Set: Review 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
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history_toolbar.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) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 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 189 matching lines...) Expand 10 before | Expand all | Expand 10 after
200 200
201 width: var(--iron-icon-width, 24px); 201 width: var(--iron-icon-width, 24px);
202 height: var(--iron-icon-height, 24px); 202 height: var(--iron-icon-height, 24px);
203 ; 203 ;
204 } 204 }
205 205
206 </style> 206 </style>
207 </template> 207 </template>
208 208
209 </dom-module> 209 </dom-module>
210 <iron-iconset-svg name="cr" size="24">
211 <svg>
212 <defs>
213
214 <g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path></g>
215 <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g>
216 <g id="cancel"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10- 10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path></g>
217 <if expr="chromeos">
218 <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"> </path></g>
219 </if>
220 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6 -6z"></path></g>
221 <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>
222 <g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>
223 <g id="delete"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h -3.5l-1-1h-5l-1 1H5v2h14V4z"></path></g>
224 <g id="domain"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2z m0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2 zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path> </g>
225 <g id="expand-less"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14 z"></path></g>
226 <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" ></path></g>
227 <g id="extension"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11. 88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2. 7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2 .7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20. 5 11z"></path></g>
228 <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"> </path></g>
229 <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3 v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g>
230 <g id="group"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0 -3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.2 9 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"> </path></g>
231 <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></pat h></g>
232 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g>
233 <g id="open-in-new"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V 3h-7z"></path></g>
234 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g>
235 <g id="print"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66- 1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm -1-9H6v4h12V3z"></path></g>
236 <g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27 .28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>
237 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07- .98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52 -.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l -.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22- .07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24 .42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24 .24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.2 3.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5- 1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>
238 <g id="star"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g>
239 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>
240 </defs>
241 </svg>
242 </iron-iconset-svg>
210 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/" css-build="shadow"> 243 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/" css-build="shadow">
211 244
212 <template> 245 <template>
213 <style scope="paper-ripple">:host { 246 <style scope="paper-ripple">:host {
214 display: block; 247 display: block;
215 position: absolute; 248 position: absolute;
216 border-radius: inherit; 249 border-radius: inherit;
217 overflow: hidden; 250 overflow: hidden;
218 top: 0; 251 top: 0;
219 left: 0; 252 left: 0;
(...skipping 452 matching lines...) Expand 10 before | Expand all | Expand 10 after
672 --iron-icon-width: 100%; 705 --iron-icon-width: 100%;
673 --iron-icon-height: 100%; 706 --iron-icon-height: 100%;
674 } 707 }
675 708
676 </style> 709 </style>
677 710
678 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n> 711 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>
679 </template> 712 </template>
680 713
681 </dom-module> 714 </dom-module>
682 <iron-iconset-svg name="cr" size="24">
683 <svg>
684 <defs>
685
686 <g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path></g>
687 <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g>
688 <g id="cancel"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10- 10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path></g>
689 <if expr="chromeos">
690 <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"> </path></g>
691 </if>
692 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6 -6z"></path></g>
693 <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>
694 <g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>
695 <g id="delete"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h -3.5l-1-1h-5l-1 1H5v2h14V4z"></path></g>
696 <g id="domain"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2z m0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2 zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path> </g>
697 <g id="expand-less"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14 z"></path></g>
698 <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" ></path></g>
699 <g id="extension"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11. 88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2. 7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2 .7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20. 5 11z"></path></g>
700 <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"> </path></g>
701 <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3 v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g>
702 <g id="group"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0 -3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.2 9 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"> </path></g>
703 <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></pat h></g>
704 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g>
705 <g id="open-in-new"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V 3h-7z"></path></g>
706 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g>
707 <g id="print"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66- 1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm -1-9H6v4h12V3z"></path></g>
708 <g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27 .28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>
709 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07- .98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52 -.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l -.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22- .07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24 .42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24 .24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.2 3.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5- 1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>
710 <g id="star"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g>
711 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>
712 </defs>
713 </svg>
714 </iron-iconset-svg>
715 <dom-module id="paper-spinner-styles" assetpath="chrome://resources/polymer/v1_0 /paper-spinner/" css-build="shadow"> 715 <dom-module id="paper-spinner-styles" assetpath="chrome://resources/polymer/v1_0 /paper-spinner/" css-build="shadow">
716 <template> 716 <template>
717 <style scope="paper-spinner-styles">:host { 717 <style scope="paper-spinner-styles">:host {
718 display: inline-block; 718 display: inline-block;
719 position: relative; 719 position: relative;
720 width: 28px; 720 width: 28px;
721 height: 28px; 721 height: 28px;
722 722
723 723
724 --paper-spinner-container-rotation-duration: 1568ms; 724 --paper-spinner-container-rotation-duration: 1568ms;
(...skipping 1447 matching lines...) Expand 10 before | Expand all | Expand 10 after
2172 2172
2173 button.icon-button { 2173 button.icon-button {
2174 background: none; 2174 background: none;
2175 border: none; 2175 border: none;
2176 height: 36px; 2176 height: 36px;
2177 outline: none; 2177 outline: none;
2178 width: 36px; 2178 width: 36px;
2179 } 2179 }
2180 2180
2181 button.icon-button iron-icon { 2181 button.icon-button iron-icon {
2182 color: var(--secondary-text-color); 2182 height: 20px;
2183 height: 20px;
2184 width: 20px; 2183 width: 20px;
2185 } 2184 }
2186 2185
2187 button.more-vert-button { 2186 button.more-vert-button {
2188 height: 36px; 2187 height: 36px;
2189 padding: 6px; 2188 padding: 6px;
2190 width: 36px; 2189 width: 36px;
2191 } 2190 }
2192 2191
2193 button.more-vert-button div { 2192 button.more-vert-button div {
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
2261 2260
2262 button.icon-button { 2261 button.icon-button {
2263 background: none; 2262 background: none;
2264 border: none; 2263 border: none;
2265 height: 36px; 2264 height: 36px;
2266 outline: none; 2265 outline: none;
2267 width: 36px; 2266 width: 36px;
2268 } 2267 }
2269 2268
2270 button.icon-button iron-icon { 2269 button.icon-button iron-icon {
2271 color: var(--secondary-text-color); 2270 height: 20px;
2272 height: 20px;
2273 width: 20px; 2271 width: 20px;
2274 } 2272 }
2275 2273
2276 button.more-vert-button { 2274 button.more-vert-button {
2277 height: 36px; 2275 height: 36px;
2278 padding: 6px; 2276 padding: 6px;
2279 width: 36px; 2277 width: 36px;
2280 } 2278 }
2281 2279
2282 button.more-vert-button div { 2280 button.more-vert-button div {
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after
2369 font-weight: 500; 2367 font-weight: 500;
2370 } 2368 }
2371 2369
2372 #number-selected { 2370 #number-selected {
2373 flex: 1; 2371 flex: 1;
2374 } 2372 }
2375 2373
2376 #cancel-icon-button { 2374 #cancel-icon-button {
2377 -webkit-margin-end: 24px; 2375 -webkit-margin-end: 24px;
2378 -webkit-margin-start: 2px; 2376 -webkit-margin-start: 2px;
2379 height: 36px;
2380 min-width: 36px;
2381 width: 36px;
2382 } 2377 }
2383 2378
2384 #grouped-nav-container paper-icon-button { 2379 paper-tabs {
2385 --paper-icon-button-ink-color: rgba(255, 255, 255, 0.4); 2380 --paper-tabs-selection-bar-color: #fff;
2386 -webkit-margin-start: 24px; 2381 -webkit-margin-start: 32px;
2387 flex: 0 0 auto; 2382 height: calc(var(--toolbar-grouped-height) - var(--toolbar-height));
2383 min-width: 300px;
2388 } 2384 }
2389 2385
2390 paper-tab { 2386 paper-tab {
2391 --paper-tab-ink: rgba(255, 255, 255, 0.4); 2387 --paper-tab-ink: rgba(255, 255, 255, 0.4);
2392 font-size: 13px; 2388 font-size: 13px;
2393 text-transform: uppercase; 2389 text-transform: uppercase;
2394 } 2390 }
2395 2391
2396 paper-tabs {
2397 --paper-tabs-selection-bar-color: var(--google-blue-500);
2398 height: calc(var(--toolbar-grouped-height) - var(--toolbar-height));
2399 min-width: 300px;
2400 }
2401
2402 #grouped-buttons-container { 2392 #grouped-buttons-container {
2403 align-items: center; 2393 align-items: center;
2404 display: flex; 2394 display: flex;
2405 } 2395 }
2406 2396
2407 #grouped-range-buttons {
2408 -webkit-margin-start: 32px;
2409 }
2410
2411 #grouped-nav-container { 2397 #grouped-nav-container {
2412 -webkit-margin-end: 24px; 2398 -webkit-margin-end: 16px;
2413 align-items: center; 2399 align-items: center;
2414 display: flex; 2400 display: flex;
2415 flex: 1; 2401 flex: 1;
2416 justify-content: flex-end; 2402 justify-content: flex-end;
2417 overflow: hidden; 2403 overflow: hidden;
2418 transition: opacity 150ms; 2404 transition: opacity 150ms;
2419 } 2405 }
2420 2406
2421 :host([grouped-range='0']) #grouped-nav-container { 2407 :host([grouped-range='0']) #grouped-nav-container {
2422 opacity: 0; 2408 opacity: 0;
2423 pointer-events: none; 2409 pointer-events: none;
2424 } 2410 }
2425 2411
2426 #grouped-date { 2412 #grouped-date {
2427 flex: 0 1 auto; 2413 -webkit-margin-end: 8px;
2414 flex: 0 1 auto;
2428 opacity: 0.7; 2415 opacity: 0.7;
2429 overflow: hidden; 2416 overflow: hidden;
2430 text-align: right; 2417 text-align: right;
2431 text-overflow: ellipsis; 2418 text-overflow: ellipsis;
2432 white-space: nowrap; 2419 white-space: nowrap;
2433 } 2420 }
2434 2421
2422 #grouped-nav-container button {
2423 -webkit-margin-start: 8px;
2424 flex: 0 0 auto;
2425 }
2426
2427 #grouped-nav-container button[disabled] {
2428 color: rgba(255, 255, 255, 0.5);
2429 }
2430
2435 :host-context([dir=rtl]) .rtl-reversible { 2431 :host-context([dir=rtl]) .rtl-reversible {
2436 transform: rotate(180deg); 2432 transform: rotate(180deg);
2437 } 2433 }
2438 2434
2439 </style> 2435 </style>
2440 <div id="toolbar-container"> 2436 <div id="toolbar-container">
2441 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" show-menu-promo="[[s howMenuPromo]]" menu-label="$i18n{historyMenuButton}" menu-promo="$i18n{menuProm o}" close-menu-promo="$i18n{closeMenuPromo}" on-search-changed="onSearchChanged_ "> 2437 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" show-menu-promo="[[s howMenuPromo]]" menu-label="$i18n{historyMenuButton}" menu-promo="$i18n{menuProm o}" close-menu-promo="$i18n{closeMenuPromo}" on-search-changed="onSearchChanged_ ">
2442 <div class="more-actions"> 2438 <div class="more-actions">
2443 <template is="dom-if" if="[[showSyncNotice]]"> 2439 <template is="dom-if" if="[[showSyncNotice]]">
2444 <button is="paper-icon-button-light" id="info-button" on-click="onIn foButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}"> 2440 <button is="paper-icon-button-light" id="info-button" on-click="onIn foButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}">
2445 <iron-icon icon="history:info-outline" id="info-button-icon"> 2441 <iron-icon icon="history:info-outline" id="info-button-icon">
2446 </iron-icon> 2442 </iron-icon>
2447 </button> 2443 </button>
2448 </template> 2444 </template>
2449 </div> 2445 </div>
2450 </cr-toolbar> 2446 </cr-toolbar>
2451 <template is="cr-lazy-render" id="syncNotice"> 2447 <template is="cr-lazy-render" id="syncNotice">
2452 <iron-dropdown vertical-align="top" horizontal-align="right" allow-outsi de-scroll=""> 2448 <iron-dropdown vertical-align="top" horizontal-align="right" allow-outsi de-scroll="">
2453 <div class="dropdown-content"> 2449 <div class="dropdown-content">
2454 $i18nRaw{hasSyncedResults} 2450 $i18nRaw{hasSyncedResults}
2455 </div> 2451 </div>
2456 </iron-dropdown> 2452 </iron-dropdown>
2457 </template> 2453 </template>
2458 <template is="dom-if" if="[[itemsSelected_]]"> 2454 <template is="dom-if" if="[[itemsSelected_]]">
2459 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> 2455 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]">
2460 <div id="overlay-buttons"> 2456 <div id="overlay-buttons">
2461 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o nClearSelectionTap_" title="$i18n{cancel}"> 2457 <button is="paper-icon-button-light" id="cancel-icon-button" class=" icon-button" on-tap="onClearSelectionTap_" title="$i18n{cancel}">
2462 </paper-icon-button> 2458 <iron-icon icon="cr:clear"></iron-icon>
2459 </button>
2463 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> 2460 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div>
2464 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> 2461 <paper-button id="cancel-button" on-tap="onClearSelectionTap_">
2465 $i18n{cancel} 2462 $i18n{cancel}
2466 </paper-button> 2463 </paper-button>
2467 <paper-button id="delete-button" on-tap="onDeleteTap_"> 2464 <paper-button id="delete-button" on-tap="onDeleteTap_">
2468 $i18n{delete} 2465 $i18n{delete}
2469 </paper-button> 2466 </paper-button>
2470 </div> 2467 </div>
2471 </div> 2468 </div>
2472 </template> 2469 </template>
2473 </div> 2470 </div>
2474 <template is="dom-if" if="[[isGroupedMode]]"> 2471 <template is="dom-if" if="[[isGroupedMode]]">
2475 <div id="grouped-buttons-container"> 2472 <div id="grouped-buttons-container">
2476 <paper-tabs attr-for-selected="value" selected="{{groupedRange}}" id="gr ouped-range-buttons"> 2473 <paper-tabs attr-for-selected="value" selected="{{groupedRange}}">
2477 <paper-tab value="0">$i18n{rangeAllTime}</paper-tab> 2474 <paper-tab value="0">$i18n{rangeAllTime}</paper-tab>
2478 <paper-tab value="1">$i18n{rangeWeek}</paper-tab> 2475 <paper-tab value="1">$i18n{rangeWeek}</paper-tab>
2479 <paper-tab value="2">$i18n{rangeMonth}</paper-tab> 2476 <paper-tab value="2">$i18n{rangeMonth}</paper-tab>
2480 </paper-tabs> 2477 </paper-tabs>
2481 <div id="grouped-nav-container"> 2478 <div id="grouped-nav-container">
2482 <span id="grouped-date"> 2479 <span id="grouped-date">
2483 {{getHistoryInterval_(queryStartTime, queryEndTime)}} 2480 {{getHistoryInterval_(queryStartTime, queryEndTime)}}
2484 </span> 2481 </span>
2485 <paper-icon-button id="today-button" icon="history:today" alt="$i18n{r angeToday}" title="$i18n{rangeToday}" on-tap="onTodayTap_" disabled="[[isToday_( groupedOffset)]]"></paper-icon-button> 2482 <button is="paper-icon-button-light" id="today-button" class="icon-but ton" title="$i18n{rangeToday}" on-tap="onTodayTap_" disabled="[[isToday_(grouped Offset)]]">
2486 <paper-icon-button id="prev-button" icon="history:chevron-left" alt="$ i18n{rangePrevious}" title="$i18n{rangePrevious}" class="rtl-reversible" on-tap= "onPrevTap_" disabled="[[!hasMoreResults]]"></paper-icon-button> 2483 <iron-icon icon="history:today"></iron-icon>
2487 <paper-icon-button id="next-button" icon="cr:chevron-right" alt="$i18n {rangeNext}" title="$i18n{rangeNext}" class="rtl-reversible" on-tap="onNextTap_" disabled="[[isToday_(groupedOffset)]]"></paper-icon-button> 2484 </button>
2485 <button is="paper-icon-button-light" id="prev-button" title="$i18n{ran gePrevious}" class="icon-button rtl-reversible" on-tap="onPrevTap_" disabled="[[ !hasMoreResults]]">
2486 <iron-icon icon="history:chevron-left"></iron-icon>
2487 </button>
2488 <button is="paper-icon-button-light" id="next-button" title="$i18n{ran geNext}" class="icon-button rtl-reversible" on-tap="onNextTap_" disabled="[[isTo day_(groupedOffset)]]">
2489 <iron-icon icon="cr:chevron-right"></iron-icon>
2490 </button>
2488 </div> 2491 </div>
2489 </div> 2492 </div>
2490 </template> 2493 </template>
2491 </template> 2494 </template>
2492 </dom-module> 2495 </dom-module>
2493 2496
2494 <style is="custom-style" css-build="shadow">html { 2497 <style is="custom-style" css-build="shadow">html {
2495 --cr-actionable_-_cursor: pointer;; 2498 --cr-actionable_-_cursor: pointer;;
2496 --cr-focused-item-color: var(--google-grey-300); 2499 --cr-focused-item-color: var(--google-grey-300);
2497 2500
(...skipping 248 matching lines...) Expand 10 before | Expand all | Expand 10 after
2746 2749
2747 button.icon-button { 2750 button.icon-button {
2748 background: none; 2751 background: none;
2749 border: none; 2752 border: none;
2750 height: 36px; 2753 height: 36px;
2751 outline: none; 2754 outline: none;
2752 width: 36px; 2755 width: 36px;
2753 } 2756 }
2754 2757
2755 button.icon-button iron-icon { 2758 button.icon-button iron-icon {
2756 color: var(--secondary-text-color); 2759 height: 20px;
2757 height: 20px;
2758 width: 20px; 2760 width: 20px;
2759 } 2761 }
2760 2762
2761 button.more-vert-button { 2763 button.more-vert-button {
2762 height: 36px; 2764 height: 36px;
2763 padding: 6px; 2765 padding: 6px;
2764 width: 36px; 2766 width: 36px;
2765 } 2767 }
2766 2768
2767 button.more-vert-button div { 2769 button.more-vert-button div {
(...skipping 289 matching lines...) Expand 10 before | Expand all | Expand 10 after
3057 3059
3058 button.icon-button { 3060 button.icon-button {
3059 background: none; 3061 background: none;
3060 border: none; 3062 border: none;
3061 height: 36px; 3063 height: 36px;
3062 outline: none; 3064 outline: none;
3063 width: 36px; 3065 width: 36px;
3064 } 3066 }
3065 3067
3066 button.icon-button iron-icon { 3068 button.icon-button iron-icon {
3067 color: var(--secondary-text-color); 3069 height: 20px;
3068 height: 20px;
3069 width: 20px; 3070 width: 20px;
3070 } 3071 }
3071 3072
3072 button.more-vert-button { 3073 button.more-vert-button {
3073 height: 36px; 3074 height: 36px;
3074 padding: 6px; 3075 padding: 6px;
3075 width: 36px; 3076 width: 36px;
3076 } 3077 }
3077 3078
3078 button.more-vert-button div { 3079 button.more-vert-button div {
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
3168 3169
3169 button.icon-button { 3170 button.icon-button {
3170 background: none; 3171 background: none;
3171 border: none; 3172 border: none;
3172 height: 36px; 3173 height: 36px;
3173 outline: none; 3174 outline: none;
3174 width: 36px; 3175 width: 36px;
3175 } 3176 }
3176 3177
3177 button.icon-button iron-icon { 3178 button.icon-button iron-icon {
3178 color: var(--secondary-text-color); 3179 height: 20px;
3179 height: 20px;
3180 width: 20px; 3180 width: 20px;
3181 } 3181 }
3182 3182
3183 button.more-vert-button { 3183 button.more-vert-button {
3184 height: 36px; 3184 height: 36px;
3185 padding: 6px; 3185 padding: 6px;
3186 width: 36px; 3186 width: 36px;
3187 } 3187 }
3188 3188
3189 button.more-vert-button div { 3189 button.more-vert-button div {
(...skipping 261 matching lines...) Expand 10 before | Expand all | Expand 10 after
3451 3451
3452 button.icon-button { 3452 button.icon-button {
3453 background: none; 3453 background: none;
3454 border: none; 3454 border: none;
3455 height: 36px; 3455 height: 36px;
3456 outline: none; 3456 outline: none;
3457 width: 36px; 3457 width: 36px;
3458 } 3458 }
3459 3459
3460 button.icon-button iron-icon { 3460 button.icon-button iron-icon {
3461 color: var(--secondary-text-color); 3461 height: 20px;
3462 height: 20px;
3463 width: 20px; 3462 width: 20px;
3464 } 3463 }
3465 3464
3466 button.more-vert-button { 3465 button.more-vert-button {
3467 height: 36px; 3466 height: 36px;
3468 padding: 6px; 3467 padding: 6px;
3469 width: 36px; 3468 width: 36px;
3470 } 3469 }
3471 3470
3472 button.more-vert-button div { 3471 button.more-vert-button div {
(...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after
3644 3643
3645 button.icon-button { 3644 button.icon-button {
3646 background: none; 3645 background: none;
3647 border: none; 3646 border: none;
3648 height: 36px; 3647 height: 36px;
3649 outline: none; 3648 outline: none;
3650 width: 36px; 3649 width: 36px;
3651 } 3650 }
3652 3651
3653 button.icon-button iron-icon { 3652 button.icon-button iron-icon {
3654 color: var(--secondary-text-color); 3653 height: 20px;
3655 height: 20px;
3656 width: 20px; 3654 width: 20px;
3657 } 3655 }
3658 3656
3659 button.more-vert-button { 3657 button.more-vert-button {
3660 height: 36px; 3658 height: 36px;
3661 padding: 6px; 3659 padding: 6px;
3662 width: 36px; 3660 width: 36px;
3663 } 3661 }
3664 3662
3665 button.more-vert-button div { 3663 button.more-vert-button div {
(...skipping 107 matching lines...) Expand 10 before | Expand all | Expand 10 after
3773 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3771 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3774 </history-side-bar> 3772 </history-side-bar>
3775 </app-drawer> 3773 </app-drawer>
3776 </template> 3774 </template>
3777 3775
3778 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3776 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3779 </iron-media-query> 3777 </iron-media-query>
3780 </template> 3778 </template>
3781 </dom-module> 3779 </dom-module>
3782 <script src="app.crisper.js"></script></body></html> 3780 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history_toolbar.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698