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

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: fix tests 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
« 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 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;
2401 display: flex; 2401 display: flex;
2402 position: absolute; 2402 position: absolute;
2403 transition: opacity 100ms; 2403 transition: opacity 100ms;
2404 } 2404 }
2405 2405
2406 #menuButton { 2406 #menuButton {
2407 height: 32px; 2407 height: 32px;
2408 margin-bottom: 6px; 2408 margin-bottom: 6px;
2409 margin-top: 6px; 2409 margin-top: 6px;
2410 min-width: 32px; 2410 min-width: 32px;
2411 padding: 6px; 2411 padding: 6px;
2412 width: 32px; 2412 width: 32px;
2413 } 2413 }
2414 2414
2415 :host(:not([show-menu])) #menuButton {
2416 display: none;
2417 }
2418
2419 #centeredContent { 2415 #centeredContent {
2420 -webkit-margin-start: var(--cr-toolbar-field-margin, 0); 2416 -webkit-margin-start: var(--cr-toolbar-field-margin, 0);
2421 -webkit-padding-end: 12px;
2422 display: flex; 2417 display: flex;
2423 flex: 1 1 0; 2418 flex: 1 1 0;
2424 justify-content: center; 2419 justify-content: center;
2425 } 2420 }
2426 2421
2422 :host([narrow_]) #centeredContent {
2423 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
2424 }
2425
2426 :host(:not([narrow_])) h1 {
2427 @apply(--cr-toolbar-header-wide);
2428 }
2429
2427 :host(:not([narrow_])) #leftContent { 2430 :host(:not([narrow_])) #leftContent {
2428 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); 2431 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2);
2432 @apply(--cr-toolbar-left-content-wide);
2433 }
2434
2435 :host(:not([narrow_])) #rightContent {
2436 @apply(--cr-toolbar-right-content-wide);
2429 } 2437 }
2430 2438
2431 :host([narrow_]) #centeredContent { 2439 :host([narrow_]) #centeredContent {
2432 justify-content: flex-end; 2440 justify-content: flex-end;
2433 } 2441 }
2434 2442
2435 :host([narrow_][showing-search_]) #leftContent { 2443 :host([narrow_][showing-search_]) #leftContent {
2436 opacity: 0; 2444 opacity: 0;
2437 } 2445 }
2438 </style> 2446 </style>
2439 <div id="leftContent"> 2447 <div id="leftContent">
2440 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" titl e="[[menuLabel]]"> 2448 <template is="dom-if" if="[[showMenu]]">
2441 </paper-icon-button> 2449 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]">
2450 </paper-icon-button>
2451 </template>
2442 <h1>[[pageName]]</h1> 2452 <h1>[[pageName]]</h1>
2443 </div> 2453 </div>
2444 2454
2445 <div id="centeredContent"> 2455 <div id="centeredContent">
2446 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 2456 <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> 2457 </cr-toolbar-search-field>
2448 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2458 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2449 </iron-media-query> 2459 </iron-media-query>
2450 </div> 2460 </div>
2461
2462 <div id="rightContent">
2463 <content select=".more-actions"></content>
2464 </div>
2451 </template> 2465 </template>
2452 </dom-module> 2466 </dom-module>
2453 <iron-iconset-svg size="24" name="history"> 2467 <iron-iconset-svg size="24" name="history">
2454 <svg> 2468 <svg>
2455 <defs> 2469 <defs>
2456 2470
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> 2471 <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> 2472 <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> 2473 </defs>
2460 </svg> 2474 </svg>
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
2583 } 2597 }
2584 2598
2585 #toolbar-container { 2599 #toolbar-container {
2586 height: var(--toolbar-height); 2600 height: var(--toolbar-height);
2587 } 2601 }
2588 2602
2589 cr-toolbar { 2603 cr-toolbar {
2590 --cr-toolbar-field-margin: var(--side-bar-width); 2604 --cr-toolbar-field-margin: var(--side-bar-width);
2591 } 2605 }
2592 2606
2593 cr-toolbar[show-menu] { 2607 :host([has-drawer]) cr-toolbar {
2594 --cr-toolbar-field-margin: 0; 2608 --cr-toolbar-field-margin: 0;
2595 } 2609 }
2596 2610
2597 :host(:not([has-drawer])) #overlay-wrapper { 2611 :host(:not([has-drawer])) #overlay-wrapper {
2598 -webkit-margin-start: var(--side-bar-width); 2612 -webkit-margin-start: var(--side-bar-width);
2599 } 2613 }
2600 2614
2601 #overlay-buttons { 2615 #overlay-buttons {
2602 margin: 0 auto; 2616 margin: 0 auto;
2603 max-width: var(--card-max-width); 2617 max-width: var(--card-max-width);
(...skipping 1421 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=""> 4039 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
4026 </history-side-bar> 4040 </history-side-bar>
4027 </app-drawer> 4041 </app-drawer>
4028 </template> 4042 </template>
4029 4043
4030 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 4044 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
4031 </iron-media-query> 4045 </iron-media-query>
4032 </template> 4046 </template>
4033 </dom-module> 4047 </dom-module>
4034 <script src="app.crisper.js"></script></body></html> 4048 <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