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

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

Issue 2684493002: MD History: Delete Grouped History (Closed)
Patch Set: Vulc Created 3 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 <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 182 matching lines...) Expand 10 before | Expand all | Expand 10 after
193 <g id="arrow-drop-up"><path d="M7 14l5-5 5 5z"></path></g> 193 <g id="arrow-drop-up"><path d="M7 14l5-5 5 5z"></path></g>
194 <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g> 194 <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g>
195 <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> 195 <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>
196 <if expr="chromeos"> 196 <if expr="chromeos">
197 <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"> </path></g> 197 <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"> </path></g>
198 </if> 198 </if>
199 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6 -6z"></path></g> 199 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6 -6z"></path></g>
200 <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> 200 <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>
201 <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> 201 <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>
202 <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> 202 <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>
203 <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> 203 <g id="domain" shape-rendering="crispEdges" viewBox="-0.75 -0.75 25.5 25.5 "><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4 V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h -2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></g>
204 <g id="expand-less"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14 z"></path></g> 204 <g id="expand-less"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14 z"></path></g>
205 <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" ></path></g> 205 <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" ></path></g>
206 <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> 206 <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>
207 <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"> </path></g> 207 <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"> </path></g>
208 <g id="folder"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16 c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path></g> 208 <g id="folder"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16 c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path></g>
209 <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3 v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g> 209 <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3 v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g>
210 <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> 210 <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>
211 <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></pat h></g> 211 <g id="menu" shape-rendering="crispEdges" viewBox="0.375 0.375 23.38 23.38 "><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></g>
212 <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> 212 <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>
213 <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> 213 <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>
214 <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> 214 <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>
215 <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> 215 <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>
216 <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> 216 <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>
217 <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> 217 <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>
218 <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> 218 <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>
219 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g> 219 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>
220 </defs> 220 </defs>
221 </svg> 221 </svg>
(...skipping 1854 matching lines...) Expand 10 before | Expand all | Expand 10 after
2076 --history-item-time-color: #646464; 2076 --history-item-time-color: #646464;
2077 --interactive-color: var(--google-blue-500); 2077 --interactive-color: var(--google-blue-500);
2078 --item-height: 44px; 2078 --item-height: 44px;
2079 --link-color: var(--google-blue-700); 2079 --link-color: var(--google-blue-700);
2080 --primary-text-color: var(--paper-grey-800); 2080 --primary-text-color: var(--paper-grey-800);
2081 --secondary-text-color: var(--paper-grey-600); 2081 --secondary-text-color: var(--paper-grey-600);
2082 --separator-color: rgba(0, 0, 0, 0.08); 2082 --separator-color: rgba(0, 0, 0, 0.08);
2083 --side-bar-width: 256px; 2083 --side-bar-width: 256px;
2084 --sidebar-footer-text-color: #6e6e6e; 2084 --sidebar-footer-text-color: #6e6e6e;
2085 --sidebar-unselected-color: #5a5a5a; 2085 --sidebar-unselected-color: #5a5a5a;
2086 --toolbar-grouped-height: 101px;
2087 --toolbar-height: 56px; 2086 --toolbar-height: 56px;
2088 } 2087 }
2089 2088
2090 </style><dom-module id="shared-style" assetpath="chrome://history/" css-build="s hadow"> 2089 </style><dom-module id="shared-style" assetpath="chrome://history/" css-build="s hadow">
2091 <template> 2090 <template>
2092 <style scope="shared-style">[hidden] { 2091 <style scope="shared-style">[hidden] {
2093 display: none !important; 2092 display: none !important;
2094 } 2093 }
2095 2094
2096 a { 2095 a {
(...skipping 230 matching lines...) Expand 10 before | Expand all | Expand 10 after
2327 2326
2328 #number-selected { 2327 #number-selected {
2329 flex: 1; 2328 flex: 1;
2330 } 2329 }
2331 2330
2332 #cancel-icon-button { 2331 #cancel-icon-button {
2333 -webkit-margin-end: 24px; 2332 -webkit-margin-end: 24px;
2334 -webkit-margin-start: 2px; 2333 -webkit-margin-start: 2px;
2335 } 2334 }
2336 2335
2337 paper-tabs {
2338 --paper-tabs_-_font-size: apply-shim-inherit;;
2339 --paper-tabs-selection-bar-color: #fff;
2340 height: calc(var(--toolbar-grouped-height) - var(--toolbar-height));
2341 min-width: 300px;
2342 }
2343
2344 paper-tab {
2345 --paper-tab-ink: rgba(255, 255, 255, 0.4);
2346 text-transform: uppercase;
2347 }
2348
2349 #grouped-buttons-container {
2350 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width) ; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin g); width: var(--card-sizing_-_width);
2351 align-items: center;
2352 display: flex;
2353 max-height: 0;
2354 opacity: 0;
2355 transition: opacity 300ms, max-height 300ms;
2356 }
2357
2358 :host([show-grouped-controls]) #grouped-buttons-container {
2359 max-height: calc(var(--toolbar-grouped-height) - var(--toolbar-height));
2360 opacity: 1;
2361 }
2362
2363 #grouped-spacer {
2364 -webkit-margin-start: var(--side-bar-width);
2365 }
2366
2367 :host([has-drawer]) #grouped-spacer {
2368 -webkit-margin-start: 0;
2369 }
2370
2371 #grouped-nav-container {
2372 -webkit-margin-end: 16px;
2373 align-items: center;
2374 display: flex;
2375 flex: 1;
2376 justify-content: flex-end;
2377 overflow: hidden;
2378 transition: opacity 150ms;
2379 }
2380
2381 :host([grouped-range='0']) #grouped-nav-container {
2382 opacity: 0;
2383 pointer-events: none;
2384 }
2385
2386 #grouped-date {
2387 -webkit-margin-end: 8px;
2388 flex: 0 1 auto;
2389 opacity: 0.7;
2390 overflow: hidden;
2391 text-align: right;
2392 text-overflow: ellipsis;
2393 white-space: nowrap;
2394 }
2395
2396 #grouped-nav-container button {
2397 -webkit-margin-start: 8px;
2398 flex: 0 0 auto;
2399 }
2400
2401 #grouped-nav-container button[disabled] {
2402 color: rgba(255, 255, 255, 0.5);
2403 }
2404
2405 :host-context([dir=rtl]) .rtl-reversible {
2406 transform: rotate(180deg);
2407 }
2408
2409 </style> 2336 </style>
2410 <div id="toolbar-container"> 2337 <div id="toolbar-container">
2411 <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_ "> 2338 <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_ ">
2412 <div class="more-actions"> 2339 <div class="more-actions">
2413 <template is="dom-if" if="[[showSyncNotice]]"> 2340 <template is="dom-if" if="[[showSyncNotice]]">
2414 <button is="paper-icon-button-light" id="info-button" on-click="onIn foButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}"> 2341 <button is="paper-icon-button-light" id="info-button" on-click="onIn foButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}">
2415 <iron-icon icon="history:info-outline" id="info-button-icon"> 2342 <iron-icon icon="history:info-outline" id="info-button-icon">
2416 </iron-icon> 2343 </iron-icon>
2417 </button> 2344 </button>
2418 </template> 2345 </template>
(...skipping 12 matching lines...) Expand all
2431 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> 2358 <paper-button id="cancel-button" on-tap="onClearSelectionTap_">
2432 $i18n{cancel} 2359 $i18n{cancel}
2433 </paper-button> 2360 </paper-button>
2434 <paper-button id="delete-button" on-tap="onDeleteTap_"> 2361 <paper-button id="delete-button" on-tap="onDeleteTap_">
2435 $i18n{delete} 2362 $i18n{delete}
2436 </paper-button> 2363 </paper-button>
2437 </div> 2364 </div>
2438 </div> 2365 </div>
2439 </template> 2366 </template>
2440 </div> 2367 </div>
2441 <template is="dom-if" if="[[isGroupedMode]]">
2442 <div id="grouped-spacer">
2443 <div id="grouped-buttons-container">
2444 <paper-tabs attr-for-selected="value" selected="[[groupedRange]]" on-i ron-select="onTabSelected_">
2445 <paper-tab value="0">$i18n{rangeAllTime}</paper-tab>
2446 <paper-tab value="1">$i18n{rangeWeek}</paper-tab>
2447 <paper-tab value="2">$i18n{rangeMonth}</paper-tab>
2448 </paper-tabs>
2449 <div id="grouped-nav-container">
2450 <span id="grouped-date">
2451 [[getHistoryInterval_(queryInfo)]]
2452 </span>
2453 <button is="paper-icon-button-light" id="today-button" class="icon-b utton" title="$i18n{rangeToday}" on-click="onTodayTap_" disabled="[[isToday_(gro upedOffset)]]">
2454 <iron-icon icon="history:today"></iron-icon>
2455 </button>
2456 <button is="paper-icon-button-light" id="prev-button" title="$i18n{r angePrevious}" class="icon-button rtl-reversible" on-click="onPrevTap_" disabled ="[[!hasMoreResults]]">
2457 <iron-icon icon="history:chevron-left"></iron-icon>
2458 </button>
2459 <button is="paper-icon-button-light" id="next-button" title="$i18n{r angeNext}" class="icon-button rtl-reversible" on-click="onNextTap_" disabled="[[ isToday_(groupedOffset)]]">
2460 <iron-icon icon="cr:chevron-right"></iron-icon>
2461 </button>
2462 </div>
2463 </div>
2464 </div>
2465 </template>
2466 </template> 2368 </template>
2467 </dom-module> 2369 </dom-module>
2468 2370
2469 2371
2470 2372
2471 2373
2472 <style is="custom-style" css-build="shadow">html { 2374 <style is="custom-style" css-build="shadow">html {
2473 --cr-actionable_-_cursor: pointer;; 2375 --cr-actionable_-_cursor: pointer;;
2474 --cr-focused-item-color: var(--google-grey-300); 2376 --cr-focused-item-color: var(--google-grey-300);
2475 2377
(...skipping 308 matching lines...) Expand 10 before | Expand all | Expand 10 after
2784 pointer-events: none; 2686 pointer-events: none;
2785 } 2687 }
2786 2688
2787 button { 2689 button {
2788 background: none; 2690 background: none;
2789 border: none; 2691 border: none;
2790 outline: none; 2692 outline: none;
2791 padding: 0; 2693 padding: 0;
2792 } 2694 }
2793 2695
2794 :host(:not([embedded])) #main-container { 2696 #main-container {
2795 position: relative; 2697 position: relative;
2796 } 2698 }
2797 2699
2798 :host([is-card-end]) #main-container { 2700 :host([is-card-end]) #main-container {
2799 margin-bottom: var(--card-padding-between); 2701 margin-bottom: var(--card-padding-between);
2800 } 2702 }
2801 2703
2802 :host([is-card-start][is-card-end]) #main-container { 2704 :host([is-card-start][is-card-end]) #main-container {
2803 border-radius: 2px; 2705 border-radius: 2px;
2804 } 2706 }
(...skipping 132 matching lines...) Expand 10 before | Expand all | Expand 10 after
2937 #background { 2839 #background {
2938 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 2840 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
2939 background: #fff; 2841 background: #fff;
2940 bottom: 0; 2842 bottom: 0;
2941 left: 0; 2843 left: 0;
2942 position: absolute; 2844 position: absolute;
2943 right: 0; 2845 right: 0;
2944 top: 0; 2846 top: 0;
2945 } 2847 }
2946 2848
2947 :host([embedded]) #background {
2948 display: none;
2949 }
2950
2951 :host(:not([is-card-start])) #background { 2849 :host(:not([is-card-start])) #background {
2952 top: -5px; 2850 top: -5px;
2953 } 2851 }
2954 2852
2955 :host([is-card-start]) #background { 2853 :host([is-card-start]) #background {
2956 border-radius: 2px 2px 0 0; 2854 border-radius: 2px 2px 0 0;
2957 } 2855 }
2958 2856
2959 :host([is-card-end]) #background { 2857 :host([is-card-end]) #background {
2960 border-radius: 0 0 2px 2px; 2858 border-radius: 0 0 2px 2px;
(...skipping 322 matching lines...) Expand 10 before | Expand all | Expand 10 after
3283 [selectable] > * { 3181 [selectable] > * {
3284 cursor: var(--cr-actionable_-_cursor); 3182 cursor: var(--cr-actionable_-_cursor);
3285 } 3183 }
3286 3184
3287 :host { 3185 :host {
3288 display: block; 3186 display: block;
3289 height: 100%; 3187 height: 100%;
3290 overflow: hidden; 3188 overflow: hidden;
3291 } 3189 }
3292 3190
3293 #content, #content > * { 3191 history-list {
3294 height: 100%; 3192 height: 100%;
3295 } 3193 }
3296 3194
3297 dialog .body { 3195 dialog .body {
3298 white-space: pre-wrap; 3196 white-space: pre-wrap;
3299 } 3197 }
3300 3198
3301 </style> 3199 </style>
3302 <iron-pages id="content" attr-for-selected="id" selected="[[selectedPage_]]" > 3200 <history-list id="infinite-list" querying="[[queryState.querying]]" searched -term="[[queryResult.info.term]]">
3303 <history-list id="infinite-list" querying="[[queryState.querying]]" search ed-term="[[queryResult.info.term]]"> 3201 </history-list>
3304 </history-list>
3305 <template is="dom-if" if="[[grouped]]">
3306 <history-grouped-list id="grouped-list" range="[[queryState.range]]" que ry-interval="[[queryResult.info.queryInterval]]" searched-term="[[queryResult.in fo.term]]">
3307 </history-grouped-list>
3308 </template>
3309 </iron-pages>
3310 3202
3311 <template is="cr-lazy-render" id="dialog"> 3203 <template is="cr-lazy-render" id="dialog">
3312 <dialog is="cr-dialog"> 3204 <dialog is="cr-dialog">
3313 <div class="title">$i18n{removeSelected}</div> 3205 <div class="title">$i18n{removeSelected}</div>
3314 <div class="body">$i18n{deleteWarning}</div> 3206 <div class="body">$i18n{deleteWarning}</div>
3315 <div class="button-container"> 3207 <div class="button-container">
3316 <paper-button class="cancel-button" on-tap="onDialogCancelTap_"> 3208 <paper-button class="cancel-button" on-tap="onDialogCancelTap_">
3317 $i18n{cancel} 3209 $i18n{cancel}
3318 </paper-button> 3210 </paper-button>
3319 <paper-button class="action-button" on-tap="onDialogConfirmTap_"> 3211 <paper-button class="action-button" on-tap="onDialogConfirmTap_">
(...skipping 377 matching lines...) Expand 10 before | Expand all | Expand 10 after
3697 3589
3698 history-toolbar { 3590 history-toolbar {
3699 background: var(--md-toolbar-color); 3591 background: var(--md-toolbar-color);
3700 } 3592 }
3701 3593
3702 #main-container { 3594 #main-container {
3703 height: calc(100% - var(--toolbar-height)); 3595 height: calc(100% - var(--toolbar-height));
3704 position: relative; 3596 position: relative;
3705 } 3597 }
3706 3598
3707 :host([grouped_]) #main-container {
3708 height: calc(100% - var(--toolbar-grouped-height));
3709 }
3710
3711 #content-side-bar { 3599 #content-side-bar {
3712 float: left; 3600 float: left;
3713 } 3601 }
3714 3602
3715 :host-context([dir='rtl']) #content-side-bar { 3603 :host-context([dir='rtl']) #content-side-bar {
3716 float: right; 3604 float: right;
3717 } 3605 }
3718 3606
3719 #content, #content > * { 3607 #content, #content > * {
3720 height: 100%; 3608 height: 100%;
(...skipping 11 matching lines...) Expand all
3732 transition: opacity 500ms; 3620 transition: opacity 500ms;
3733 } 3621 }
3734 3622
3735 :host([toolbar-shadow_]) #drop-shadow { 3623 :host([toolbar-shadow_]) #drop-shadow {
3736 opacity: 1; 3624 opacity: 1;
3737 } 3625 }
3738 3626
3739 </style> 3627 </style>
3740 <history-query-manager query-state="{{queryState_}}" query-result="[[queryRe sult_]]" router="[[$$('#router')]]"> 3628 <history-query-manager query-state="{{queryState_}}" query-result="[[queryRe sult_]]" router="[[$$('#router')]]">
3741 </history-query-manager> 3629 </history-query-manager>
3742 <history-router id="router" selected-page="{{selectedPage_}}" grouped="[[gro uped_]]" query-state="[[queryState_]]"> 3630 <history-router id="router" selected-page="{{selectedPage_}}" query-state="[ [queryState_]]">
3743 </history-router> 3631 </history-router>
3744 <history-toolbar id="toolbar" grouped-offset="[[queryState_.groupedOffset]]" grouped-range="[[queryState_.range]]" has-drawer="[[hasDrawer_]]" has-more-resu lts="[[!queryResult_.info.finished]]" is-grouped-mode="[[grouped_]]" query-info= "[[queryResult_.info]]" querying="[[queryState_.querying]]" search-term="[[query State_.searchTerm]]" show-grouped-controls="[[!syncedTabsSelected_(selectedPage_ )]]" show-menu-promo="[[showMenuPromo_]]" show-sync-notice="[[showSyncNotice_(ha sSyncedResults, selectedPage_)]]" spinner-active="[[shouldShowSpinner_(queryStat e_.querying, 3632 <history-toolbar id="toolbar" has-drawer="[[hasDrawer_]]" has-more-results=" [[!queryResult_.info.finished]]" query-info="[[queryResult_.info]]" querying="[[ queryState_.querying]]" search-term="[[queryState_.searchTerm]]" show-menu-promo ="[[showMenuPromo_]]" show-sync-notice="[[showSyncNotice_(hasSyncedResults, sele ctedPage_)]]" spinner-active="[[shouldShowSpinner_(queryState_.querying,
3745 queryState_.incremental, 3633 queryState_.incremental,
3746 queryState_.searchTerm)]]"> 3634 queryState_.searchTerm)]]">
3747 </history-toolbar> 3635 </history-toolbar>
3748 3636
3749 <div id="main-container"> 3637 <div id="main-container">
3750 <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> 3638 <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]">
3751 </history-side-bar> 3639 </history-side-bar>
3752 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> 3640 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}">
3753 <history-list-container id="history" query-state="[[queryState_]]" query -result="[[queryResult_]]" grouped="[[grouped_]]" path="history"> 3641 <history-list-container id="history" query-state="[[queryState_]]" query -result="[[queryResult_]]" path="history">
3754 </history-list-container> 3642 </history-list-container>
3755 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> 3643 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]">
3756 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs"> 3644 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs">
3757 </history-synced-device-manager> 3645 </history-synced-device-manager>
3758 </template> 3646 </template>
3759 </iron-pages> 3647 </iron-pages>
3760 <div id="drop-shadow"></div> 3648 <div id="drop-shadow"></div>
3761 </div> 3649 </div>
3762 3650
3763 <template is="cr-lazy-render" id="drawer"> 3651 <template is="cr-lazy-render" id="drawer">
3764 <dialog is="cr-drawer" swipe-open=""> 3652 <dialog is="cr-drawer" swipe-open="">
3765 <div class="drawer-header">$i18n{title}</div> 3653 <div class="drawer-header">$i18n{title}</div>
3766 <history-side-bar id="drawer-side-bar" class="drawer-content" selected-p age="{{selectedPage_}}" show-footer="[[showSidebarFooter]]"> 3654 <history-side-bar id="drawer-side-bar" class="drawer-content" selected-p age="{{selectedPage_}}" show-footer="[[showSidebarFooter]]">
3767 </history-side-bar> 3655 </history-side-bar>
3768 </dialog> 3656 </dialog>
3769 </template> 3657 </template>
3770 3658
3771 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3659 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3772 </iron-media-query> 3660 </iron-media-query>
3773 </template> 3661 </template>
3774 </dom-module> 3662 </dom-module>
3775 <script src="app.crisper.js"></script></body></html> 3663 <script src="app.crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698