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

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

Issue 1468623004: Update Polymer from 1.2.1 -> 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@travis-yml
Patch Set: local-state.html Created 5 years, 1 month 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 side-by-side diff with in-line comments
Download patch
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)]]">

Powered by Google App Engine
This is Rietveld 408576698