Index: third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tabs.html |
diff --git a/third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tabs.html b/third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tabs.html |
index 9e8dcfcda1117ed11907693da1476034a6417566..65533ed488cc38ab0449a958072cc52dd92dd5ee 100644 |
--- a/third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tabs.html |
+++ b/third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tabs.html |
@@ -8,7 +8,6 @@ Code distributed by Google as part of the polymer project is also |
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
--><html><head><link rel="import" href="../polymer/polymer.html"> |
<link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
-<link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html"> |
<link rel="import" href="../iron-resizable-behavior/iron-resizable-behavior.html"> |
<link rel="import" href="../iron-menu-behavior/iron-menubar-behavior.html"> |
<link rel="import" href="../iron-icon/iron-icon.html"> |
@@ -56,16 +55,23 @@ To use links in tabs, add `link` attribute to `paper-tab` and put an `<a>` |
element in `paper-tab`. |
Example: |
+ <style is="custom-style"> |
+ .link { |
+ @apply(--layout-horizontal); |
+ @apply(--layout-center-center); |
+ } |
+ } |
+ </style> |
<paper-tabs selected="0"> |
<paper-tab link> |
- <a href="#link1" class="horizontal center-center layout">TAB ONE</a> |
+ <a href="#link1" class="link">TAB ONE</a> |
</paper-tab> |
<paper-tab link> |
- <a href="#link2" class="horizontal center-center layout">TAB TWO</a> |
+ <a href="#link2" class="link">TAB TWO</a> |
</paper-tab> |
<paper-tab link> |
- <a href="#link3" class="horizontal center-center layout">TAB THREE</a> |
+ <a href="#link3" class="link">TAB THREE</a> |
</paper-tab> |
</paper-tabs> |
@@ -112,6 +118,7 @@ Custom property | Description | Default |
height: 100%; |
white-space: nowrap; |
overflow: hidden; |
+ @apply(--layout-flex); |
} |
#tabsContent { |
@@ -123,6 +130,10 @@ Custom property | Description | Default |
white-space: nowrap; |
} |
+ #tabsContent.horizontal { |
+ @apply(--layout-horizontal); |
+ } |
+ |
.hidden { |
display: none; |
} |
@@ -181,7 +192,7 @@ Custom property | Description | Default |
<paper-icon-button icon="paper-tabs:chevron-left" class$="[[_computeScrollButtonClass(_leftHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButtonUp" on-down="_onLeftScrollButtonDown" tabindex="-1"></paper-icon-button> |
- <div id="tabsContainer" class="flex" on-track="_scroll" on-down="_down"> |
+ <div id="tabsContainer" on-track="_scroll" on-down="_down"> |
<div id="tabsContent" class$="[[_computeTabsContentClass(scrollable)]]"> |