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

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

Issue 1261403002: Add paper-menu-button and its dependencies to third_party/polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: reproduce.sh 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-header-panel/paper-header-panel.css
diff --git a/third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.css b/third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.css
new file mode 100644
index 0000000000000000000000000000000000000000..40a27408576023252762dc792ce3bfe00edfe648
--- /dev/null
+++ b/third_party/polymer/v1_0/components-chromium/paper-header-panel/paper-header-panel.css
@@ -0,0 +1,131 @@
+/**
+@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
+The complete set of authors may be found at http://polymer.github.io/AUTHORS
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
+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
+*/
+
+:host {
+ @apply(--layout-vertical);
+
+ position: relative;
+ height: 100%;
+}
+
+/**
+ * Default paper header panel shadow
+ */
+:root {
+ --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;
+}
+
+#mainPanel {
+ @apply(--layout-vertical);
+ @apply(--layout-flex);
+
+ position: relative;
+}
+
+/*
+ * 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;
+}
+
+:host([mode=cover]) #mainPanel {
+ position: static;
+}
+
+/*
+ * mode: standard
+ */
+:host([mode=standard]) #mainContainer {
+ @apply(--paper-header-panel-standard-container);
+}
+
+/*
+ * mode: seamed
+ */
+:host([mode=seamed]) #mainContainer {
+ @apply(--paper-header-panel-seamed-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);
+}
+
+#dropShadow {
+ @apply(--paper-header-panel-shadow);
+
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
+ transition: opacity 0.5s, transform 0.5s;
+
+ -webkit-transform: scale3d(1, 0, 1);
+ transform: scale3d(1, 0, 1);
+
+ -webkit-transform-origin: left top;
+ transform-origin: left top;
+
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 6px;
+ opacity: 0;
+}
+
+#dropShadow.has-shadow {
+ opacity: 1;
+
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+}

Powered by Google App Engine
This is Rietveld 408576698