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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2275653002: MD Downloads: use "big search" box like MD history (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@dl-menu-rtl
Patch Set: closure fixes Created 4 years, 3 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
« chrome/browser/resources/md_downloads/toolbar.html ('K') | « chrome/browser/resources/md_downloads/vulcanized.html ('k') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html » ('j') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.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) 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 2368 matching lines...) Expand 10 before | Expand all | Expand 10 after
2379 <template> 2379 <template>
2380 <style> 2380 <style>
2381 :host { 2381 :host {
2382 --cr-toolbar-field-width: 580px; 2382 --cr-toolbar-field-width: 580px;
2383 color: #fff; 2383 color: #fff;
2384 display: flex; 2384 display: flex;
2385 height: 56px; 2385 height: 56px;
2386 } 2386 }
2387 2387
2388 h1 { 2388 h1 {
2389 @apply(--layout-flex);
2390 -webkit-margin-start: 6px; 2389 -webkit-margin-start: 6px;
2390 flex: 1;
2391 font-size: 123%; 2391 font-size: 123%;
2392 font-weight: 400; 2392 font-weight: 400;
2393 text-overflow: ellipsis; 2393 text-overflow: ellipsis;
2394 overflow: hidden; 2394 overflow: hidden;
2395 white-space: nowrap; 2395 white-space: nowrap;
2396 } 2396 }
2397 2397
2398 #leftContent { 2398 #leftContent {
2399 -webkit-margin-start: 18px; 2399 -webkit-margin-start: 18px;
2400 align-items: center; 2400 align-items: center;
(...skipping 10 matching lines...) Expand all
2411 padding: 6px; 2411 padding: 6px;
2412 width: 32px; 2412 width: 32px;
2413 } 2413 }
2414 2414
2415 :host(:not([show-menu])) #menuButton { 2415 :host(:not([show-menu])) #menuButton {
2416 display: none; 2416 display: none;
2417 } 2417 }
2418 2418
2419 #centeredContent { 2419 #centeredContent {
2420 -webkit-margin-start: var(--cr-toolbar-field-margin, 0); 2420 -webkit-margin-start: var(--cr-toolbar-field-margin, 0);
2421 -webkit-padding-end: 12px; 2421 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
2422 display: flex; 2422 display: flex;
2423 flex: 1 1 0; 2423 flex: 1 1 0;
2424 justify-content: center; 2424 justify-content: center;
2425 } 2425 }
2426 2426
2427 :host(:not([narrow_])) h1 {
2428 @apply(--cr-toolbar-header-wide);
2429 }
2430
2427 :host(:not([narrow_])) #leftContent { 2431 :host(:not([narrow_])) #leftContent {
2428 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); 2432 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2);
2433 @apply(--cr-toolbar-left-content-wide);
2434 }
2435
2436 :host(:not([narrow_])) #rightContent {
2437 @apply(--cr-toolbar-right-content-wide);
2429 } 2438 }
2430 2439
2431 :host([narrow_]) #centeredContent { 2440 :host([narrow_]) #centeredContent {
2432 justify-content: flex-end; 2441 justify-content: flex-end;
2433 } 2442 }
2434 2443
2435 :host([narrow_][showing-search_]) #leftContent { 2444 :host([narrow_][showing-search_]) #leftContent {
2436 opacity: 0; 2445 opacity: 0;
2437 } 2446 }
2438 </style> 2447 </style>
2439 <div id="leftContent"> 2448 <div id="leftContent">
2440 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" titl e="[[menuLabel]]"> 2449 <template is="dom-if" if="[[menuLabel]]">
2441 </paper-icon-button> 2450 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]">
2451 </paper-icon-button>
2452 </template>
2442 <h1>[[pageName]]</h1> 2453 <h1>[[pageName]]</h1>
2443 </div> 2454 </div>
2444 2455
2445 <div id="centeredContent"> 2456 <div id="centeredContent">
2446 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 2457 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">
2447 </cr-toolbar-search-field> 2458 </cr-toolbar-search-field>
2448 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2459 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2449 </iron-media-query> 2460 </iron-media-query>
2450 </div> 2461 </div>
2462
2463 <div id="rightContent">
2464 <content select=".more-actions"></content>
2465 </div>
2451 </template> 2466 </template>
2452 </dom-module> 2467 </dom-module>
2453 <iron-iconset-svg size="24" name="history"> 2468 <iron-iconset-svg size="24" name="history">
2454 <svg> 2469 <svg>
2455 <defs> 2470 <defs>
2456 2471
2457 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2472 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2458 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g> 2473 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g>
2459 </defs> 2474 </defs>
2460 </svg> 2475 </svg>
(...skipping 1564 matching lines...) Expand 10 before | Expand all | Expand 10 after
4025 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 4040 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
4026 </history-side-bar> 4041 </history-side-bar>
4027 </app-drawer> 4042 </app-drawer>
4028 </template> 4043 </template>
4029 4044
4030 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 4045 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
4031 </iron-media-query> 4046 </iron-media-query>
4032 </template> 4047 </template>
4033 </dom-module> 4048 </dom-module>
4034 <script src="app.crisper.js"></script></body></html> 4049 <script src="app.crisper.js"></script></body></html>
OLDNEW
« chrome/browser/resources/md_downloads/toolbar.html ('K') | « chrome/browser/resources/md_downloads/vulcanized.html ('k') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html » ('j') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698