| OLD | NEW |
| 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 81 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 92 <template> | 92 <template> |
| 93 <style> | 93 <style> |
| 94 :host { | 94 :host { |
| 95 @apply(--layout); | 95 @apply(--layout); |
| 96 @apply(--layout-center); | 96 @apply(--layout-center); |
| 97 | 97 |
| 98 height: 48px; | 98 height: 48px; |
| 99 font-size: 14px; | 99 font-size: 14px; |
| 100 font-weight: 500; | 100 font-weight: 500; |
| 101 overflow: hidden; | 101 overflow: hidden; |
| 102 -moz-user-select: none; | |
| 103 -ms-user-select: none; | |
| 104 -webkit-user-select: none; | |
| 105 user-select: none; | 102 user-select: none; |
| 106 -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| 107 | 103 |
| 108 @apply(--paper-tabs); | 104 @apply(--paper-tabs); |
| 109 } | 105 } |
| 110 | 106 |
| 111 :host-context([dir=rtl]) { | 107 :host-context([dir=rtl]) { |
| 112 @apply(--layout-horizontal-reverse); | 108 @apply(--layout-horizontal-reverse); |
| 113 } | 109 } |
| 114 | 110 |
| 115 #tabsContainer { | 111 #tabsContainer { |
| 116 position: relative; | 112 position: relative; |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 149 margin: 0 4px; | 145 margin: 0 4px; |
| 150 } | 146 } |
| 151 | 147 |
| 152 #selectionBar { | 148 #selectionBar { |
| 153 position: absolute; | 149 position: absolute; |
| 154 height: 2px; | 150 height: 2px; |
| 155 bottom: 0; | 151 bottom: 0; |
| 156 left: 0; | 152 left: 0; |
| 157 right: 0; | 153 right: 0; |
| 158 background-color: var(--paper-tabs-selection-bar-color, --paper-yellow-a
100); | 154 background-color: var(--paper-tabs-selection-bar-color, --paper-yellow-a
100); |
| 159 -webkit-transform: scale(0); | |
| 160 transform: scale(0); | 155 transform: scale(0); |
| 161 -webkit-transform-origin: left center; | |
| 162 transform-origin: left center; | 156 transform-origin: left center; |
| 163 transition: -webkit-transform; | |
| 164 transition: transform; | 157 transition: transform; |
| 165 | 158 |
| 166 @apply(--paper-tabs-selection-bar); | 159 @apply(--paper-tabs-selection-bar); |
| 167 } | 160 } |
| 168 | 161 |
| 169 #selectionBar.align-bottom { | 162 #selectionBar.align-bottom { |
| 170 top: 0; | 163 top: 0; |
| 171 bottom: auto; | 164 bottom: auto; |
| 172 } | 165 } |
| 173 | 166 |
| (...skipping 20 matching lines...) Expand all Loading... |
| 194 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB
ottom)]]" on-transitionend="_onBarTransitionEnd"></div> | 187 <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignB
ottom)]]" on-transitionend="_onBarTransitionEnd"></div> |
| 195 </div> | 188 </div> |
| 196 </div> | 189 </div> |
| 197 | 190 |
| 198 <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> | 191 <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> |
| 199 | 192 |
| 200 </template> | 193 </template> |
| 201 | 194 |
| 202 </dom-module> | 195 </dom-module> |
| 203 <script src="paper-tabs-extracted.js"></script></body></html> | 196 <script src="paper-tabs-extracted.js"></script></body></html> |
| OLD | NEW |