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

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

Issue 2074813002: Roll Polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: chromium.patch 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
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">
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after
131 -moz-flex-basis: auto; 131 -moz-flex-basis: auto;
132 -ms-flex-basis: auto; 132 -ms-flex-basis: auto;
133 flex-basis: auto; 133 flex-basis: auto;
134 } 134 }
135 135
136 #tabsContent.scrollable { 136 #tabsContent.scrollable {
137 position: absolute; 137 position: absolute;
138 white-space: nowrap; 138 white-space: nowrap;
139 } 139 }
140 140
141 #tabsContent.horizontal { 141 #tabsContent:not(.scrollable),
142 #tabsContent.scrollable.fit-container {
142 @apply(--layout-horizontal); 143 @apply(--layout-horizontal);
143 } 144 }
144 145
146 #tabsContent.scrollable.fit-container {
147 min-width: 100%;
148 }
149
150 #tabsContent.scrollable.fit-container > ::content > * {
151 /* IE - prevent tabs from compressing when they should scroll. */
152 -ms-flex: 1 0 auto;
153 -webkit-flex: 1 0 auto;
154 flex: 1 0 auto;
155 }
156
145 .hidden { 157 .hidden {
146 display: none; 158 display: none;
147 } 159 }
148 160
149 .not-visible { 161 .not-visible {
150 opacity: 0; 162 opacity: 0;
151 cursor: default; 163 cursor: default;
152 } 164 }
153 165
154 paper-icon-button { 166 paper-icon-button {
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
191 } 203 }
192 204
193 #tabsContent > ::content > *:not(#selectionBar) { 205 #tabsContent > ::content > *:not(#selectionBar) {
194 height: 100%; 206 height: 100%;
195 } 207 }
196 </style> 208 </style>
197 209
198 <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> 210 <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>
199 211
200 <div id="tabsContainer" on-track="_scroll" on-down="_down"> 212 <div id="tabsContainer" on-track="_scroll" on-down="_down">
201 <div id="tabsContent" class$="[[_computeTabsContentClass(scrollable)]]"> 213 <div id="tabsContent" class$="[[_computeTabsContentClass(scrollable, fitCo ntainer)]]">
202 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB ottom)]]" on-transitionend="_onBarTransitionEnd"></div> 214 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB ottom)]]" on-transitionend="_onBarTransitionEnd"></div>
203 <content select="*"></content> 215 <content select="*"></content>
204 </div> 216 </div>
205 </div> 217 </div>
206 218
207 <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> 219 <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>
208 220
209 </template> 221 </template>
210 222
211 </dom-module> 223 </dom-module>
212 <script src="paper-tabs-extracted.js"></script></body></html> 224 <script src="paper-tabs-extracted.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698