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

Unified Diff: polymer_1.0.4/bower_components/paper-drawer-panel/paper-drawer-panel.css

Issue 1205703007: Add polymer 1.0 to npm_modules (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Renamed folder to 1.0.4 Created 5 years, 6 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: 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;
+}

Powered by Google App Engine
This is Rietveld 408576698