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

Side by Side Diff: chrome/browser/resources/settings/settings_menu/settings_menu.html

Issue 2105833003: [MD settings] side nav ink ripple on click (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: cleanup Created 4 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 unified diff | Download patch
OLDNEW
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 1 <link rel="import" href="chrome://resources/cr_elements/icons.html">
2 <link rel="import" href="chrome://resources/html/polymer.html"> 2 <link rel="import" href="chrome://resources/html/polymer.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h tml"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h tml">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submen u.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submen u.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp le.html">
6 <link rel="import" href="/icons.html"> 7 <link rel="import" href="/icons.html">
7 <link rel="import" href="/settings_shared_css.html"> 8 <link rel="import" href="/settings_shared_css.html">
8 9
9 <dom-module id="settings-menu"> 10 <dom-module id="settings-menu">
10 <template> 11 <template>
11 <style include="settings-shared"> 12 <style include="settings-shared">
12 iron-icon { 13 iron-icon {
13 --iron-icon-fill-color: var(--settings-nav-grey); 14 --iron-icon-fill-color: var(--settings-nav-grey);
14 -webkit-margin-end: 24px; 15 -webkit-margin-end: 24px;
15 } 16 }
(...skipping 30 matching lines...) Expand all
46 .page-menu > div { 47 .page-menu > div {
47 margin-top: 8px; 48 margin-top: 8px;
48 } 49 }
49 50
50 .page-menu { 51 .page-menu {
51 --paper-menu-selected-item: { 52 --paper-menu-selected-item: {
52 font-weight: 500; 53 font-weight: 500;
53 }; 54 };
54 } 55 }
55 56
57 paper-menu div {
58 position: relative; /* Needed for paper-ripple. */
59 }
60
61 paper-ripple {
62 color: rgba(33, 150, 243, .5); /* Google-blue-500 at 50%. */
Dan Beam 2016/06/28 23:59:43 can you use --google-blue-500 and opacity: .5?
dschuyler 2016/07/06 21:05:33 Done.
63 }
64
56 .page-menu paper-menu { 65 .page-menu paper-menu {
57 --paper-menu-selected-item: { 66 --paper-menu-selected-item: {
58 color: var(--google-blue-500); 67 color: var(--google-blue-500);
59 font-weight: 500; 68 font-weight: 500;
60 }; 69 };
61 } 70 }
62 71
63 .page-menu div { 72 .page-menu div {
64 -webkit-margin-start: 24px; 73 -webkit-margin-start: 24px;
65 align-items: center; 74 align-items: center;
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after
174 <div class="separator"></div> 183 <div class="separator"></div>
175 <paper-submenu class="page-menu" data-page="about"> 184 <paper-submenu class="page-menu" data-page="about">
176 <div class="menu-trigger" on-tap="openPage_" data-section=""> 185 <div class="menu-trigger" on-tap="openPage_" data-section="">
177 $i18n{aboutPageTitle} 186 $i18n{aboutPageTitle}
178 </div> 187 </div>
179 </paper-submenu> 188 </paper-submenu>
180 </paper-menu> 189 </paper-menu>
181 </template> 190 </template>
182 <script src="settings_menu.js"></script> 191 <script src="settings_menu.js"></script>
183 </dom-module> 192 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698