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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-toolbar/paper-toolbar.html

Issue 2096903002: Revert of [Polymer] update polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 6 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 | « third_party/polymer/v1_0/components-chromium/paper-toolbar/bower.json ('k') | third_party/polymer/v1_0/components_summary.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 2 Copyright (c) 2015 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 3 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 4 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 5 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 6 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 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><html><head><link rel="import" href="../polymer/polymer.html"> 8 --><html><head><link rel="import" href="../polymer/polymer.html">
10 <link rel="import" href="../paper-styles/default-theme.html"> 9 <link rel="import" href="../paper-styles/default-theme.html">
11 <link rel="import" href="../paper-styles/typography.html"> 10 <link rel="import" href="../paper-styles/typography.html">
12 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> 11 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
97 `<paper-toolbar>` has `role="toolbar"` by default. Any elements with the class ` title` will 96 `<paper-toolbar>` has `role="toolbar"` by default. Any elements with the class ` title` will
98 be used as the label of the toolbar via `aria-labelledby`. 97 be used as the label of the toolbar via `aria-labelledby`.
99 98
100 @demo demo/index.html 99 @demo demo/index.html
101 --> 100 -->
102 101
103 </head><body><dom-module id="paper-toolbar"> 102 </head><body><dom-module id="paper-toolbar">
104 <template> 103 <template>
105 <style> 104 <style>
106 :host { 105 :host {
107 --calculated-paper-toolbar-height: var(--paper-toolbar-height, 64px);
108 --calculated-paper-toolbar-sm-height: var(--paper-toolbar-sm-height, 56p x);
109
110 /* technical */ 106 /* technical */
111 display: block; 107 display: block;
112 position: relative; 108 position: relative;
113 box-sizing: border-box; 109 box-sizing: border-box;
114 -moz-box-sizing: border-box; 110 -moz-box-sizing: border-box;
115 111
116 /* size */ 112 /* size */
117 height: var(--calculated-paper-toolbar-height); 113 height: var(--paper-toolbar-height, 64px);
118 114
119 background: var(--paper-toolbar-background, --primary-color); 115 background: var(--paper-toolbar-background, --primary-color);
120 color: var(--paper-toolbar-color, --dark-theme-text-color); 116 color: var(--paper-toolbar-color, --dark-theme-text-color);
121 117
122 @apply(--paper-toolbar); 118 @apply(--paper-toolbar);
123 } 119 }
124 120
125 :host(.animate) { 121 :host(.animate) {
126 /* transition */ 122 /* transition */
127 transition: var(--paper-toolbar-transition, height 0.18s ease-in); 123 transition: var(--paper-toolbar-transition, height 0.18s ease-in);
128 } 124 }
129 125
130 :host(.medium-tall) { 126 :host(.medium-tall) {
131 height: calc(var(--calculated-paper-toolbar-height) * 2); 127 height: calc(var(--paper-toolbar-height, 64px) * 2);
132 @apply(--paper-toolbar-medium); 128 @apply(--paper-toolbar-medium);
133 } 129 }
134 130
135 :host(.tall) { 131 :host(.tall) {
136 height: calc(var(--calculated-paper-toolbar-height) * 3); 132 height: calc(var(--paper-toolbar-height, 64px) * 3);
137 @apply(--paper-toolbar-tall); 133 @apply(--paper-toolbar-tall);
138 } 134 }
139 135
140 .toolbar-tools { 136 .toolbar-tools {
141 position: relative; 137 position: relative;
142 height: var(--calculated-paper-toolbar-height); 138 height: var(--paper-toolbar-height, 64px);
143 padding: 0 16px; 139 padding: 0 16px;
144 pointer-events: none; 140 pointer-events: none;
145 @apply(--layout-horizontal); 141 @apply(--layout-horizontal);
146 @apply(--layout-center); 142 @apply(--layout-center);
147 @apply(--paper-toolbar-content); 143 @apply(--paper-toolbar-content);
148 } 144 }
149 145
150 /* 146 /*
151 * TODO: Where should media query breakpoints live so they can be shared b etween elements? 147 * TODO: Where should media query breakpoints live so they can be shared b etween elements?
152 */ 148 */
153 149
154 @media (max-width: 600px) { 150 @media (max-width: 600px) {
155 :host { 151 :host {
156 height: var(--calculated-paper-toolbar-sm-height); 152 height: var(--paper-toolbar-sm-height, 56px);
157 } 153 }
158 154
159 :host(.medium-tall) { 155 :host(.medium-tall) {
160 height: calc(var(--calculated-paper-toolbar-sm-height) * 2); 156 height: calc(var(--paper-toolbar-sm-height, 56px) * 2);
161 } 157 }
162 158
163 :host(.tall) { 159 :host(.tall) {
164 height: calc(var(--calculated-paper-toolbar-sm-height) * 3); 160 height: calc(var(--paper-toolbar-sm-height, 56px) * 3);
165 } 161 }
166 162
167 .toolbar-tools { 163 .toolbar-tools {
168 height: var(--calculated-paper-toolbar-sm-height); 164 height: var(--paper-toolbar-sm-height, 56px);
169 } 165 }
170 } 166 }
171 167
172 #topBar { 168 #topBar {
173 position: relative; 169 position: relative;
174 } 170 }
175 171
176 /* middle bar */ 172 /* middle bar */
177 #middleBar { 173 #middleBar {
178 position: absolute; 174 position: absolute;
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after
283 <content select=".middle"></content> 279 <content select=".middle"></content>
284 </div> 280 </div>
285 281
286 <div id="bottomBar" class$="toolbar-tools [[_computeBarExtraClasses(bottomJu stify)]]"> 282 <div id="bottomBar" class$="toolbar-tools [[_computeBarExtraClasses(bottomJu stify)]]">
287 <content select=".bottom"></content> 283 <content select=".bottom"></content>
288 </div> 284 </div>
289 </template> 285 </template>
290 286
291 </dom-module> 287 </dom-module>
292 <script src="paper-toolbar-extracted.js"></script></body></html> 288 <script src="paper-toolbar-extracted.js"></script></body></html>
OLDNEW
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-toolbar/bower.json ('k') | third_party/polymer/v1_0/components_summary.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698