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

Unified Diff: third_party/polymer/v1_0/components-chromium/paper-drawer-panel/paper-drawer-panel.css

Issue 1221923003: Update bower.json for Polymer elements and add PRESUBMIT.py (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rebase 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-drawer-panel/paper-drawer-panel.css
diff --git a/third_party/polymer/v1_0/components-chromium/paper-drawer-panel/paper-drawer-panel.css b/third_party/polymer/v1_0/components-chromium/paper-drawer-panel/paper-drawer-panel.css
index ab7c568efc631758dc5d63850eecbd1402a60643..747f0bb77fcf2f2507c3793c91d6ed79991a2eec 100644
--- a/third_party/polymer/v1_0/components-chromium/paper-drawer-panel/paper-drawer-panel.css
+++ b/third_party/polymer/v1_0/components-chromium/paper-drawer-panel/paper-drawer-panel.css
@@ -6,8 +6,8 @@ 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;
@@ -24,16 +24,16 @@ iron-selector > #drawer {
left: 0;
height: 100%;
background-color: white;
- will-change: transform;
- box-sizing: border-box;
+
-moz-box-sizing: border-box;
+ box-sizing: border-box;
@apply(--paper-drawer-panel-drawer-container);
}
.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;
+ transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;
+ transition: transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;
}
.left-drawer > #drawer {
@@ -88,6 +88,10 @@ iron-selector > #main {
background-color: rgba(0, 0, 0, 0.3);
}
+.narrow-layout > #drawer {
+ will-change: transform;
+}
+
.narrow-layout > #drawer.iron-selected {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}
@@ -107,19 +111,24 @@ iron-selector > #main {
.right-drawer.narrow-layout > #drawer:not(.iron-selected) {
left: auto;
+ visibility: hidden;
+
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
+.right-drawer.narrow-layout.dragging > #drawer:not(.iron-selected),
+.right-drawer.narrow-layout.peeking > #drawer:not(.iron-selected) {
+ visibility: visible;
+}
+
.narrow-layout > #main {
- left: 0 !important;
padding: 0;
}
.right-drawer.narrow-layout > #main {
left: 0;
right: 0;
- padding: 0;
}
.narrow-layout > #main:not(.iron-selected) > #scrim,
@@ -133,8 +142,9 @@ iron-selector > #main {
min-height: 100%;
left: 0;
right: 0;
- box-sizing: border-box;
+
-moz-box-sizing: border-box;
+ box-sizing: border-box;
}
iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {

Powered by Google App Engine
This is Rietveld 408576698