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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1401633002: Update Polymer from 1.1.4 -> 1.1.5 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: dzhioev@ review Created 5 years, 2 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-tabs/paper-tab-extracted.js ('k') | third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tabs-extracted.js » ('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 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 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 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 --><html><head><link rel="import" href="../polymer/polymer.html"> 9 --><html><head><link rel="import" href="../polymer/polymer.html">
10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> 10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
11 <link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html"> 11 <link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
12 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html "> 12 <link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html ">
13 <link rel="import" href="../iron-menu-behavior/iron-menubar-behavior.html"> 13 <link rel="import" href="../iron-menu-behavior/iron-menubar-behavior.html">
14 <link rel="import" href="../iron-icon/iron-icon.html"> 14 <link rel="import" href="../iron-icon/iron-icon.html">
15 <link rel="import" href="../paper-icon-button/paper-icon-button.html"> 15 <link rel="import" href="../paper-icon-button/paper-icon-button.html">
16 <link rel="import" href="../paper-styles/color.html"> 16 <link rel="import" href="../paper-styles/color.html">
17 <link rel="import" href="paper-tabs-icons.html"> 17 <link rel="import" href="paper-tabs-icons.html">
18 <link rel="import" href="paper-tab.html"> 18 <link rel="import" href="paper-tab.html">
19 19
20 <!-- 20 <!--
21 Material design: [Tabs](https://www.google.com/design/spec/components/tabs.html)
22
21 `paper-tabs` makes it easy to explore and switch between different views or func tional aspects of 23 `paper-tabs` makes it easy to explore and switch between different views or func tional aspects of
22 an app, or to browse categorized data sets. 24 an app, or to browse categorized data sets.
23 25
24 Use `selected` property to get or set the selected tab. 26 Use `selected` property to get or set the selected tab.
25 27
26 Example: 28 Example:
27 29
28 <paper-tabs selected="0"> 30 <paper-tabs selected="0">
29 <paper-tab>TAB 1</paper-tab> 31 <paper-tab>TAB 1</paper-tab>
30 <paper-tab>TAB 2</paper-tab> 32 <paper-tab>TAB 2</paper-tab>
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
116 position: absolute; 118 position: absolute;
117 white-space: nowrap; 119 white-space: nowrap;
118 } 120 }
119 121
120 .hidden { 122 .hidden {
121 display: none; 123 display: none;
122 } 124 }
123 125
124 .not-visible { 126 .not-visible {
125 opacity: 0; 127 opacity: 0;
128 cursor: default;
126 } 129 }
127 130
128 paper-icon-button { 131 paper-icon-button {
129 width: 24px; 132 width: 24px;
130 padding: 16px; 133 padding: 16px;
131 } 134 }
132 135
133 #selectionBar { 136 #selectionBar {
134 position: absolute; 137 position: absolute;
135 height: 2px; 138 height: 2px;
(...skipping 27 matching lines...) Expand all
163 } 166 }
164 167
165 #tabsContent > ::content > *:not(#selectionBar) { 168 #tabsContent > ::content > *:not(#selectionBar) {
166 height: 100%; 169 height: 100%;
167 } 170 }
168 171
169 </style> 172 </style>
170 173
171 <template> 174 <template>
172 175
173 <paper-icon-button icon="paper-tabs:chevron-left" class$="[[_computeScrollBu ttonClass(_leftHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButtonU p" on-down="_onLeftScrollButtonDown"></paper-icon-button> 176 <paper-icon-button icon="paper-tabs:chevron-left" class$="[[_computeScrollBu ttonClass(_leftHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButtonU p" on-down="_onLeftScrollButtonDown" tabindex="-1"></paper-icon-button>
174 177
175 <div id="tabsContainer" class="flex" on-track="_scroll" on-down="_down"> 178 <div id="tabsContainer" class="flex" on-track="_scroll" on-down="_down">
176 179
177 <div id="tabsContent" class$="[[_computeTabsContentClass(scrollable)]]"> 180 <div id="tabsContent" class$="[[_computeTabsContentClass(scrollable)]]">
178 181
179 <content select="*"></content> 182 <content select="*"></content>
180 183
181 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB ottom)]]" on-transitionend="_onBarTransitionEnd"></div> 184 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB ottom)]]" on-transitionend="_onBarTransitionEnd"></div>
182 185
183 </div> 186 </div>
184 187
185 </div> 188 </div>
186 189
187 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown"></paper-icon-button> 190 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button>
188 191
189 </template> 192 </template>
190 193
191 </dom-module> 194 </dom-module>
192 195
193 <script src="paper-tabs-extracted.js"></script></body></html> 196 <script src="paper-tabs-extracted.js"></script></body></html>
OLDNEW
« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tab-extracted.js ('k') | third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tabs-extracted.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698