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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 2503893003: MD Extensions: Replace toolbar/search field with cr-toolbar (Closed)
Patch Set: Re-use clear search string. 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/app/generated_resources.grd ('k') | chrome/browser/resources/md_extensions/manager.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 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- - 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><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 3052 matching lines...) Expand 10 before | Expand all | Expand 10 after
3063 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]] " on-tap="clearSearch_"> 3063 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]] " on-tap="clearSearch_">
3064 </paper-icon-button> 3064 </paper-icon-button>
3065 </template> 3065 </template>
3066 </template> 3066 </template>
3067 </dom-module> 3067 </dom-module>
3068 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow"> 3068 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow">
3069 <template> 3069 <template>
3070 <style scope="cr-toolbar">:host { 3070 <style scope="cr-toolbar">:host {
3071 --cr-toolbar-field-width: 580px; 3071 --cr-toolbar-field-width: 580px;
3072 --cr-toolbar-height: 56px; 3072 --cr-toolbar-height: 56px;
3073 align-items: center;
3073 color: #fff; 3074 color: #fff;
3074 display: flex; 3075 display: flex;
3075 height: var(--cr-toolbar-height); 3076 height: var(--cr-toolbar-height);
3076 } 3077 }
3077 3078
3078 h1 { 3079 h1 {
3079 -webkit-margin-start: 6px; 3080 -webkit-margin-start: 6px;
3080 -webkit-padding-end: 2px; 3081 -webkit-padding-end: 2px;
3081 flex: 1; 3082 flex: 1;
3082 font-size: 123%; 3083 font-size: 123%;
(...skipping 15 matching lines...) Expand all
3098 #menuButton { 3099 #menuButton {
3099 height: 32px; 3100 height: 32px;
3100 margin-bottom: 6px; 3101 margin-bottom: 6px;
3101 margin-top: 6px; 3102 margin-top: 6px;
3102 min-width: 32px; 3103 min-width: 32px;
3103 padding: 6px; 3104 padding: 6px;
3104 width: 32px; 3105 width: 32px;
3105 } 3106 }
3106 3107
3107 #centeredContent { 3108 #centeredContent {
3108 -webkit-margin-start: var(--cr-toolbar-field-margin, 0); 3109 display: flex;
3109 display: flex;
3110 flex: 1 1 0; 3110 flex: 1 1 0;
3111 justify-content: center; 3111 justify-content: center;
3112 } 3112 }
3113 3113
3114 :host([narrow_]) #centeredContent { 3114 :host([narrow_]) #centeredContent {
3115 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px); 3115 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);
3116 } 3116 }
3117 3117
3118 :host(:not([narrow_])) h1 { 3118 :host(:not([narrow_])) h1 {
3119 -webkit-margin-start: var(--cr-toolbar-header-wide_-_-webkit-margin-start); -w ebkit-margin-end: var(--cr-toolbar-header-wide_-_-webkit-margin-end); 3119 -webkit-margin-start: var(--cr-toolbar-header-wide_-_-webkit-margin-start); -w ebkit-margin-end: var(--cr-toolbar-header-wide_-_-webkit-margin-end);
3120 } 3120 }
3121 3121
3122 :host(:not([narrow_])) #leftContent { 3122 :host(:not([narrow_])) #leftContent {
3123 max-width: calc((100% - var(--cr-toolbar-field-width)) / 2); 3123 max-width: calc((100% - var(--cr-toolbar-field-width)) / 2);
3124 -webkit-padding-start: var(--cr-toolbar-left-content-wide_-_-webkit-padd ing-start); flex: var(--cr-toolbar-left-content-wide_-_flex); max-width: var(--c r-toolbar-left-content-wide_-_max-width, calc((100% - var(--cr-toolbar-field-wid th)) / 2)); position: var(--cr-toolbar-left-content-wide_-_position); 3124 -webkit-padding-start: var(--cr-toolbar-left-content-wide_-_-webkit-padd ing-start); flex: var(--cr-toolbar-left-content-wide_-_flex); max-width: var(--c r-toolbar-left-content-wide_-_max-width, calc((100% - var(--cr-toolbar-field-wid th)) / 2)); position: var(--cr-toolbar-left-content-wide_-_position);
3125 } 3125 }
3126 3126
3127 :host(:not([narrow_])) #centeredContent {
3128 -webkit-margin-start: var(--cr-toolbar-field-margin, 0);
3129 }
3130
3127 :host(:not([narrow_])) #rightContent { 3131 :host(:not([narrow_])) #rightContent {
3128 flex: var(--cr-toolbar-right-content-wide_-_flex); position: var(--cr-toolbar- right-content-wide_-_position); 3132 flex: var(--cr-toolbar-right-content-wide_-_flex); position: var(--cr-toolbar- right-content-wide_-_position);
3129 } 3133 }
3130 3134
3131 :host([narrow_]) #centeredContent { 3135 :host([narrow_]) #centeredContent {
3132 justify-content: flex-end; 3136 justify-content: flex-end;
3133 } 3137 }
3134 3138
3135 :host([narrow_][showing-search_]) #leftContent { 3139 :host([narrow_][showing-search_]) #leftContent {
3136 opacity: 0; 3140 opacity: 0;
(...skipping 262 matching lines...) Expand 10 before | Expand all | Expand 10 after
3399 <command id="undo-command" shortcut="Meta|z"></command> 3403 <command id="undo-command" shortcut="Meta|z"></command>
3400 <command id="find-command" shortcut="Meta|f"></command> 3404 <command id="find-command" shortcut="Meta|f"></command>
3401 </if> 3405 </if>
3402 <if expr="not is_macosx"> 3406 <if expr="not is_macosx">
3403 <command id="clear-all-command" shortcut="Alt|c"></command> 3407 <command id="clear-all-command" shortcut="Alt|c"></command>
3404 <command id="undo-command" shortcut="Ctrl|z"></command> 3408 <command id="undo-command" shortcut="Ctrl|z"></command>
3405 <command id="find-command" shortcut="Ctrl|f"></command> 3409 <command id="find-command" shortcut="Ctrl|f"></command>
3406 </if> 3410 </if>
3407 <link rel="import" href="chrome://resources/html/polymer.html"> 3411 <link rel="import" href="chrome://resources/html/polymer.html">
3408 <script src="crisper.js"></script></body></html> 3412 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/app/generated_resources.grd ('k') | chrome/browser/resources/md_extensions/manager.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698