| Index: polymer_1.0.4/bower_components/paper-drawer-panel/paper-drawer-panel.css
|
| diff --git a/polymer_0.4.0/bower_components/core-drawer-panel/core-drawer-panel.css b/polymer_1.0.4/bower_components/paper-drawer-panel/paper-drawer-panel.css
|
| similarity index 62%
|
| copy from polymer_0.4.0/bower_components/core-drawer-panel/core-drawer-panel.css
|
| copy to polymer_1.0.4/bower_components/paper-drawer-panel/paper-drawer-panel.css
|
| index 70615b6d15b0be4e0830e99ca7cda6032cf8681f..ab7c568efc631758dc5d63850eecbd1402a60643 100644
|
| --- a/polymer_0.4.0/bower_components/core-drawer-panel/core-drawer-panel.css
|
| +++ b/polymer_1.0.4/bower_components/paper-drawer-panel/paper-drawer-panel.css
|
| @@ -1,12 +1,13 @@
|
| -/*
|
| -Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| +/**
|
| +@license
|
| +Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
| This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| 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
|
| -*/
|
|
|
| +*/
|
| :host {
|
| display: block;
|
| position: absolute;
|
| @@ -17,14 +18,17 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| overflow: hidden;
|
| }
|
|
|
| -core-selector > #drawer {
|
| +iron-selector > #drawer {
|
| position: absolute;
|
| top: 0;
|
| left: 0;
|
| height: 100%;
|
| + background-color: white;
|
| will-change: transform;
|
| box-sizing: border-box;
|
| - -mox-box-sizing: border-box;
|
| + -moz-box-sizing: border-box;
|
| +
|
| + @apply(--paper-drawer-panel-drawer-container);
|
| }
|
|
|
| .transition > #drawer {
|
| @@ -32,35 +36,24 @@ core-selector > #drawer {
|
| transition: transform ease-in-out 0.3s, width ease-in-out 0.3s;
|
| }
|
|
|
| -/*
|
| -right-drawer: make drawer on the right side
|
| -*/
|
| +.left-drawer > #drawer {
|
| + @apply(--paper-drawer-panel-left-drawer-container);
|
| +}
|
| +
|
| .right-drawer > #drawer {
|
| left: auto;
|
| right: 0;
|
| -}
|
|
|
| -.right-drawer.transition > #drawer {
|
| - transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s;
|
| - transition: transform ease-in-out 0.3s, width ease-in-out 0.3s;
|
| + @apply(--paper-drawer-panel-right-drawer-container);
|
| }
|
|
|
| -polyfill-next-selector { content: ':host [drawer]'; }
|
| -::content[select="[drawer]"] > * {
|
| - position: absolute;
|
| - top: 0;
|
| - left: 0;
|
| - width: 100%;
|
| - height: 100%;
|
| - box-sizing: border-box;
|
| - -moz-box-sizing: border-box;
|
| -}
|
| -
|
| -core-selector > #main {
|
| +iron-selector > #main {
|
| position: absolute;
|
| top: 0;
|
| right: 0;
|
| bottom: 0;
|
| +
|
| + @apply(--paper-drawer-panel-main-container);
|
| }
|
|
|
| .transition > #main {
|
| @@ -75,8 +68,11 @@ core-selector > #main {
|
| transition: right ease-in-out 0.3s, padding ease-in-out 0.3s;
|
| }
|
|
|
| -polyfill-next-selector { content: '#main > [main]'; }
|
| -::content[select="[main]"] > * {
|
| +#main > ::content > [main] {
|
| + height: 100%;
|
| +}
|
| +
|
| +#drawer > ::content > [drawer] {
|
| height: 100%;
|
| }
|
|
|
| @@ -86,34 +82,30 @@ polyfill-next-selector { content: '#main > [main]'; }
|
| right: 0;
|
| bottom: 0;
|
| left: 0;
|
| - background-color: rgba(0, 0, 0, 0.3);
|
| visibility: hidden;
|
| opacity: 0;
|
| transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s;
|
| + background-color: rgba(0, 0, 0, 0.3);
|
| }
|
|
|
| -/*
|
| -narrow layout
|
| -*/
|
| -.narrow-layout > #drawer.core-selected {
|
| +.narrow-layout > #drawer.iron-selected {
|
| box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
|
| }
|
|
|
| -.right-drawer.narrow-layout > #drawer.core-selected {
|
| +.right-drawer.narrow-layout > #drawer.iron-selected {
|
| box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);
|
| }
|
|
|
| -polyfill-next-selector { content: ':host .narrow-layout > #drawer > [drawer]'; }
|
| -.narrow-layout > #drawer > ::content[select="[drawer]"] > * {
|
| +.narrow-layout > #drawer > ::content > [drawer] {
|
| border: 0;
|
| }
|
|
|
| -.narrow-layout > #drawer:not(.core-selected) {
|
| +.left-drawer.narrow-layout > #drawer:not(.iron-selected) {
|
| -webkit-transform: translateX(-100%);
|
| transform: translateX(-100%);
|
| }
|
|
|
| -.right-drawer.narrow-layout > #drawer:not(.core-selected) {
|
| +.right-drawer.narrow-layout > #drawer:not(.iron-selected) {
|
| left: auto;
|
| -webkit-transform: translateX(100%);
|
| transform: translateX(100%);
|
| @@ -130,14 +122,13 @@ polyfill-next-selector { content: ':host .narrow-layout > #drawer > [drawer]'; }
|
| padding: 0;
|
| }
|
|
|
| -.narrow-layout > #main:not(.core-selected) > #scrim,
|
| -.dragging #scrim {
|
| +.narrow-layout > #main:not(.iron-selected) > #scrim,
|
| +.dragging > #main > #scrim {
|
| visibility: visible;
|
| - opacity: 1;
|
| + opacity: var(--paper-drawer-panel-scrim-opacity, 1);
|
| }
|
|
|
| -polyfill-next-selector { content: ':host .narrow-layout > #main > [main]'; }
|
| -.narrow-layout > #main > ::content[select="[main]"] > * {
|
| +.narrow-layout > #main > * {
|
| margin: 0;
|
| min-height: 100%;
|
| left: 0;
|
| @@ -145,3 +136,7 @@ polyfill-next-selector { content: ':host .narrow-layout > #main > [main]'; }
|
| box-sizing: border-box;
|
| -moz-box-sizing: border-box;
|
| }
|
| +
|
| +iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
|
| + display: none;
|
| +}
|
|
|