| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-m
edia-query.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-m
edia-query.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 4 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar_se
arch_field.html"> | 4 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar_se
arch_field.html"> |
| 5 | 5 |
| 6 <dom-module id="cr-toolbar"> | 6 <dom-module id="cr-toolbar"> |
| 7 <template> | 7 <template> |
| 8 <style> | 8 <style> |
| 9 :host { | 9 :host { |
| 10 --cr-toolbar-field-width: 580px; | 10 --cr-toolbar-field-width: 580px; |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 58 | 58 |
| 59 :host([narrow_]) #centeredContent { | 59 :host([narrow_]) #centeredContent { |
| 60 justify-content: flex-end; | 60 justify-content: flex-end; |
| 61 } | 61 } |
| 62 | 62 |
| 63 :host([narrow_][showing-search_]) #leftContent { | 63 :host([narrow_][showing-search_]) #leftContent { |
| 64 opacity: 0; | 64 opacity: 0; |
| 65 } | 65 } |
| 66 </style> | 66 </style> |
| 67 <div id="leftContent"> | 67 <div id="leftContent"> |
| 68 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_"> | 68 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" |
| 69 title="[[buttonLabel]]"> |
| 69 </paper-icon-button> | 70 </paper-icon-button> |
| 70 <h1>[[pageName]]</h1> | 71 <h1>[[pageName]]</h1> |
| 71 </div> | 72 </div> |
| 72 | 73 |
| 73 <div id="centeredContent"> | 74 <div id="centeredContent"> |
| 74 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" | 75 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" |
| 75 label="[[searchPrompt]]" clear-label="[[clearLabel]]" | 76 label="[[searchPrompt]]" clear-label="[[clearLabel]]" |
| 76 spinner-active="[[spinnerActive]]" | 77 spinner-active="[[spinnerActive]]" |
| 77 showing-search="{{showingSearch_}}"> | 78 showing-search="{{showingSearch_}}"> |
| 78 </cr-toolbar-search-field> | 79 </cr-toolbar-search-field> |
| 79 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> | 80 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> |
| 80 </iron-media-query> | 81 </iron-media-query> |
| 81 </div> | 82 </div> |
| 82 </template> | 83 </template> |
| 83 <script src="cr_toolbar.js"></script> | 84 <script src="cr_toolbar.js"></script> |
| 84 </dom-module> | 85 </dom-module> |
| OLD | NEW |