| 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>
|
|
|
|
|