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 d1413172f2a9a25f31fc38432b5897ce191ab845..5f5e645f77f4e38bd292a6defe5e3eb39362aa79 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 |
@@ -56,24 +56,26 @@ 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="link">TAB ONE</a> |
- </paper-tab> |
- <paper-tab link> |
- <a href="#link2" class="link">TAB TWO</a> |
- </paper-tab> |
- <paper-tab link> |
- <a href="#link3" class="link">TAB THREE</a> |
- </paper-tab> |
- </paper-tabs> |
+<pre><code> |
+<style is="custom-style"> |
+ .link { |
+ @apply(--layout-horizontal); |
+ @apply(--layout-center-center); |
+ } |
+</style> |
+ |
+<paper-tabs selected="0"> |
+ <paper-tab link> |
+ <a href="#link1" class="link">TAB ONE</a> |
+ </paper-tab> |
+ <paper-tab link> |
+ <a href="#link2" class="link">TAB TWO</a> |
+ </paper-tab> |
+ <paper-tab link> |
+ <a href="#link3" class="link">TAB THREE</a> |
+ </paper-tab> |
+</paper-tabs> |
+</code></pre> |
### Styling |
@@ -82,6 +84,7 @@ The following custom properties and mixins are available for styling: |
Custom property | Description | Default |
----------------|-------------|---------- |
`--paper-tabs-selection-bar-color` | Color for the selection bar | `--paper-yellow-a100` |
+`--paper-tabs-selection-bar` | Mixin applied to the selection bar | {} |
`--paper-tabs` | Mixin applied to the tabs | `{}` |
@hero hero.svg |
@@ -103,7 +106,10 @@ Custom property | Description | Default |
-ms-user-select: none; |
-webkit-user-select: none; |
user-select: none; |
- -webkit-tap-highlight-color: rgba(0,0,0,0); |
+ |
+ /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */ |
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
+ -webkit-tap-highlight-color: transparent; |
@apply(--paper-tabs); |
} |
@@ -193,8 +199,8 @@ Custom property | Description | Default |
<div id="tabsContainer" on-track="_scroll" on-down="_down"> |
<div id="tabsContent" class$="[[_computeTabsContentClass(scrollable)]]"> |
- <content select="*"></content> |
<div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignBottom)]]" on-transitionend="_onBarTransitionEnd"></div> |
+ <content select="*"></content> |
</div> |
</div> |