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

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 1633603004: Add script to remove prefixed CSS from third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: add missing files Created 3 years, 9 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.html ('k') | third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.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 <!-- 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 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
95 <template> 95 <template>
96 <style> 96 <style>
97 :host { 97 :host {
98 @apply(--layout); 98 @apply(--layout);
99 @apply(--layout-center); 99 @apply(--layout-center);
100 100
101 height: 48px; 101 height: 48px;
102 font-size: 14px; 102 font-size: 14px;
103 font-weight: 500; 103 font-weight: 500;
104 overflow: hidden; 104 overflow: hidden;
105 -moz-user-select: none;
106 -ms-user-select: none;
107 -webkit-user-select: none;
108 user-select: none; 105 user-select: none;
109 106
110 /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */ 107 /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */
111 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 108 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
112 -webkit-tap-highlight-color: transparent; 109 -webkit-tap-highlight-color: transparent;
113 110
114 @apply(--paper-tabs); 111 @apply(--paper-tabs);
115 } 112 }
116 113
117 :host-context([dir=rtl]) { 114 :host-context([dir=rtl]) {
118 @apply(--layout-horizontal-reverse); 115 @apply(--layout-horizontal-reverse);
119 } 116 }
120 117
121 #tabsContainer { 118 #tabsContainer {
122 position: relative; 119 position: relative;
123 height: 100%; 120 height: 100%;
124 white-space: nowrap; 121 white-space: nowrap;
125 overflow: hidden; 122 overflow: hidden;
126 @apply(--layout-flex-auto); 123 @apply(--layout-flex-auto);
127 } 124 }
128 125
129 #tabsContent { 126 #tabsContent {
130 height: 100%; 127 height: 100%;
131 -moz-flex-basis: auto;
132 -ms-flex-basis: auto;
133 flex-basis: auto; 128 flex-basis: auto;
134 } 129 }
135 130
136 #tabsContent.scrollable { 131 #tabsContent.scrollable {
137 position: absolute; 132 position: absolute;
138 white-space: nowrap; 133 white-space: nowrap;
139 } 134 }
140 135
141 #tabsContent:not(.scrollable), 136 #tabsContent:not(.scrollable),
142 #tabsContent.scrollable.fit-container { 137 #tabsContent.scrollable.fit-container {
143 @apply(--layout-horizontal); 138 @apply(--layout-horizontal);
144 } 139 }
145 140
146 #tabsContent.scrollable.fit-container { 141 #tabsContent.scrollable.fit-container {
147 min-width: 100%; 142 min-width: 100%;
148 } 143 }
149 144
150 #tabsContent.scrollable.fit-container > ::content > * { 145 #tabsContent.scrollable.fit-container > ::content > * {
151 /* IE - prevent tabs from compressing when they should scroll. */ 146 /* 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; 147 flex: 1 0 auto;
155 } 148 }
156 149
157 .hidden { 150 .hidden {
158 display: none; 151 display: none;
159 } 152 }
160 153
161 .not-visible { 154 .not-visible {
162 opacity: 0; 155 opacity: 0;
163 cursor: default; 156 cursor: default;
164 } 157 }
165 158
166 paper-icon-button { 159 paper-icon-button {
167 width: 48px; 160 width: 48px;
168 height: 48px; 161 height: 48px;
169 padding: 12px; 162 padding: 12px;
170 margin: 0 4px; 163 margin: 0 4px;
171 } 164 }
172 165
173 #selectionBar { 166 #selectionBar {
174 position: absolute; 167 position: absolute;
175 height: 2px; 168 height: 2px;
176 bottom: 0; 169 bottom: 0;
177 left: 0; 170 left: 0;
178 right: 0; 171 right: 0;
179 background-color: var(--paper-tabs-selection-bar-color, --paper-yellow-a 100); 172 background-color: var(--paper-tabs-selection-bar-color, --paper-yellow-a 100);
180 -webkit-transform: scale(0);
181 transform: scale(0); 173 transform: scale(0);
182 -webkit-transform-origin: left center;
183 transform-origin: left center; 174 transform-origin: left center;
184 transition: -webkit-transform;
185 transition: transform; 175 transition: transform;
186 176
187 @apply(--paper-tabs-selection-bar); 177 @apply(--paper-tabs-selection-bar);
188 } 178 }
189 179
190 #selectionBar.align-bottom { 180 #selectionBar.align-bottom {
191 top: 0; 181 top: 0;
192 bottom: auto; 182 bottom: auto;
193 } 183 }
194 184
(...skipping 20 matching lines...) Expand all
215 <content select="*"></content> 205 <content select="*"></content>
216 </div> 206 </div>
217 </div> 207 </div>
218 208
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> 209 <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>
220 210
221 </template> 211 </template>
222 212
223 </dom-module> 213 </dom-module>
224 <script src="paper-tabs-extracted.js"></script></body></html> 214 <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.html ('k') | third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698