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

Unified Diff: ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js

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/js/ui/file_manager_ui.js
diff --git a/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js b/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js
index 2dd61692875ae837a854754fb89cfd80c5b05612..8e9f3db4a8e379636f43f2d92999edcab1358a03 100644
--- a/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js
+++ b/ui/file_manager/file_manager/foreground/js/ui/file_manager_ui.js
@@ -149,9 +149,9 @@ function FileManagerUI(providersModel, element, launchParam) {
* @const
*/
this.searchBox = new SearchBox(
- this.element.querySelector('#search-box'),
- this.element.querySelector('#search-button'),
- this.element.querySelector('#no-search-results'));
+ queryRequiredElement(this.element, '#search-box'),
+ queryRequiredElement(this.element, '#search-button'),
+ queryRequiredElement(this.element, '#no-search-results'));
/**
* Empty folder UI.
@@ -177,6 +177,15 @@ function FileManagerUI(providersModel, element, launchParam) {
'#sort-button', cr.ui.MenuButton);
/**
+ * Ripple effect of sort button.
+ * @private {!FilesToggleRipple}
+ * @const
+ */
+ this.sortButtonToggleRipple =
+ /** @type {!FilesToggleRipple} */ (queryRequiredElement(
+ this.sortButton, 'files-toggle-ripple'));
+
+ /**
* The button to open gear menu.
* @type {!cr.ui.MenuButton}
* @const
@@ -185,6 +194,15 @@ function FileManagerUI(providersModel, element, launchParam) {
'#gear-button', cr.ui.MenuButton);
/**
+ * Ripple effect of gear button.
+ * @type {!FilesToggleRipple}
+ * @const
+ */
+ this.gearButtonToggleRipple =
+ /** @type {!FilesToggleRipple} */ (queryRequiredElement(
+ this.gearButton, 'files-toggle-ripple'));
+
+ /**
* @type {!GearMenu}
* @const
*/

Powered by Google App Engine
This is Rietveld 408576698