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

Unified Diff: ui/file_manager/file_manager/foreground/elements/files_toggle_ripple.html

Issue 1170913006: Add material design toggle ripple element. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix format. 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: ui/file_manager/file_manager/foreground/elements/files_toggle_ripple.html
diff --git a/ui/file_manager/file_manager/foreground/elements/files_toggle_ripple.html b/ui/file_manager/file_manager/foreground/elements/files_toggle_ripple.html
new file mode 100644
index 0000000000000000000000000000000000000000..fd830a006bca5648e6430026f81d15b39ee93867
--- /dev/null
+++ b/ui/file_manager/file_manager/foreground/elements/files_toggle_ripple.html
@@ -0,0 +1,49 @@
+<!-- Copyright 2015 The Chromium Authors. All rights reserved.
+ -- Use of this source code is governed by a BSD-style license that can be
+ -- found in the LICENSE file.
+ -->
+
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+
+<dom-module id="files-toggle-ripple">
+ <style>
+ :host {
+ display: block;
+ height: 100%;
+ position: relative;
+ width: 100%;
+ }
+
+ .ripple-container {
+ -webkit-margin-start: -50%;
+ align-items: center;
+ display: flex;
+ height: 200%;
+ margin-top: -50%;
+ position: absolute;
+ width: 200%;
+ }
+
+ .ripple {
+ background-color: white;
+ height: 0;
+ margin: 0 auto;
+ opacity: 0;
+ width: 0;
+ }
+
+ .ripple.activated {
+ border-radius: 2px;
+ height: 50%;
+ opacity: 0.2;
+ width: 50%;
+ }
+ </style>
+ <template>
+ <div class="ripple-container">
+ <div class="ripple" id="ripple"></div>
+ </div>
+ </template>
+</dom-module>
+
+<script src="files_toggle_ripple.js"></script>

Powered by Google App Engine
This is Rietveld 408576698