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

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

Issue 1261403002: Add paper-menu-button and its dependencies to third_party/polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: reproduce.sh Created 5 years, 5 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 side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.html
diff --git a/third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.html b/third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.html
index ac5c7e1b6290127334ff1b3a4f2456fef8331ef0..a497dc73953bc2e8b623af56a4d7adb12eb38400 100644
--- a/third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.html
+++ b/third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.html
@@ -112,128 +112,16 @@ To change the panel container in different modes:
</head><body><dom-module id="paper-header-panel">
- <style>
- :host {
- @apply(--layout);
- @apply(--layout-vertical);
-
- display: block;
- position: relative;
- height: 100%;
-
- /* Create a stack context, we will need it for the shadow*/
- z-index: 0;
- }
-
- :root {
- /**
- * Default paper header panel shadow
- */
- --paper-header-panel-shadow: {
- height: 6px;
- bottom: -6px;
- box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
- };
- }
-
- #mainContainer {
- @apply(--layout-flex);
-
- position: relative;
- overflow-y: auto;
- overflow-x: hidden;
- -webkit-overflow-scrolling: touch;
- flex-basis: 0.0001px;
- }
-
- /*
- * mode: scroll
- */
- :host([mode=scroll]) #mainContainer {
- @apply(--paper-header-panel-scroll-container);
- overflow: visible;
- }
-
- :host([mode=scroll]) {
- overflow-y: auto;
- overflow-x: hidden;
- -webkit-overflow-scrolling: touch;
- }
-
- /*
- * mode: cover
- */
- :host([mode=cover]) #mainContainer {
- @apply(--paper-header-panel-cover-container);
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
-
- /*
- * mode: standard
- */
- :host([mode=standard]) #mainContainer {
- @apply(--paper-header-panel-standard-container);
- }
-
- /*
- * mode: waterfall
- */
- :host([mode=waterfall]) #mainContainer {
- @apply(--paper-header-panel-waterfall-container);
- }
-
- /*
- * mode: waterfall-tall
- */
- :host([mode=waterfall-tall]) #mainContainer {
- @apply(--paper-header-panel-waterfall-tall-container);
- }
-
- :host ::content paper-toolbar,
- :host ::content .paper-header {
- position: relative;
- overflow: visible !important;
- }
-
- :host ::content paper-toolbar:after,
- :host ::content .paper-header:after {
- @apply(--paper-header-panel-shadow);
-
- -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
- transition: opacity 0.5s, transform 0.5s;
-
- opacity: 0;
- content: "";
-
- width: 100%;
- position: absolute;
- left: 0px;
- right: 0px;
- z-index: 1;
-
- -webkit-transform: scale3d(1, 0, 1);
- -webkit-transform-origin: 0% 0%;
-
- transform: scale3d(1, 0, 1);
- transform-origin: 0% 0%;
- }
-
- :host ::content paper-toolbar.has-shadow:after,
- :host ::content .paper-header.has-shadow:after {
- opacity: 1;
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- </style>
+ <link rel="import" type="css" href="paper-header-panel.css">
<template>
<content id="headerContent" select="paper-toolbar, .paper-header"></content>
- <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]">
- <content id="mainContent" select="*"></content>
+
+ <div id="mainPanel">
+ <div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]">
+ <content id="mainContent" select="*"></content>
+ </div>
+ <div id="dropShadow"></div>
</div>
</template>

Powered by Google App Engine
This is Rietveld 408576698