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; |
+} |