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

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

Issue 2552163003: [MD WebUI] Fix sidebar selected color. (Closed)
Patch Set: Created 4 years 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
« no previous file with comments | « chrome/browser/resources/md_extensions/sidebar.html ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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/assert.html"> 2 <link rel="import" href="chrome://resources/html/assert.html">
3 <link rel="import" href="chrome://resources/html/polymer.html"> 3 <link rel="import" href="chrome://resources/html/polymer.html">
4 <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/iron-icon/iron-icon.htm l">
5 <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-menu.h tml">
6 <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-menu/paper-submen u.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp le.html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp le.html">
8 <link rel="import" href="/icons.html"> 8 <link rel="import" href="/icons.html">
9 <link rel="import" href="/route.html"> 9 <link rel="import" href="/route.html">
10 <link rel="import" href="/settings_shared_css.html"> 10 <link rel="import" href="/settings_shared_css.html">
11 11
12 <dom-module id="settings-menu"> 12 <dom-module id="settings-menu">
13 <template> 13 <template>
14 <style include="settings-shared"> 14 <style include="settings-shared">
15 #about-menu[about-selected] { 15 #about-menu[about-selected] {
16 color: var(--google-blue-500); 16 color: var(--google-blue-700);
17 } 17 }
18 18
19 iron-icon { 19 iron-icon {
20 --iron-icon-fill-color: var(--settings-nav-grey); 20 --iron-icon-fill-color: var(--settings-nav-grey);
21 -webkit-margin-end: 24px; 21 -webkit-margin-end: 24px;
22 } 22 }
23 23
24 .iron-selected:not(.menu-trigger) > iron-icon { 24 .iron-selected:not(.menu-trigger) > iron-icon {
25 fill: var(--google-blue-500); 25 fill: var(--google-blue-700);
26 } 26 }
27 27
28 .menu-trigger span { 28 .menu-trigger span {
29 -webkit-margin-end: 16px; 29 -webkit-margin-end: 16px;
30 flex: 1; 30 flex: 1;
31 } 31 }
32 32
33 paper-menu { 33 paper-menu {
34 --paper-menu-selected-item: { 34 --paper-menu-selected-item: {
35 font-weight: 500; 35 font-weight: 500;
(...skipping 22 matching lines...) Expand all
58 --paper-menu-selected-item: { 58 --paper-menu-selected-item: {
59 font-weight: 500; 59 font-weight: 500;
60 }; 60 };
61 } 61 }
62 62
63 paper-menu div { 63 paper-menu div {
64 position: relative; /* Needed for paper-ripple. */ 64 position: relative; /* Needed for paper-ripple. */
65 } 65 }
66 66
67 paper-ripple { 67 paper-ripple {
68 color: var(--google-blue-500); 68 color: var(--google-blue-700);
69 opacity: .5; 69 opacity: .5;
70 } 70 }
71 71
72 .page-menu paper-menu { 72 .page-menu paper-menu {
73 --paper-menu-selected-item: { 73 --paper-menu-selected-item: {
74 color: var(--google-blue-500); 74 color: var(--google-blue-700);
75 font-weight: 500; 75 font-weight: 500;
76 }; 76 };
77 } 77 }
78 78
79 .page-menu div { 79 .page-menu div {
80 -webkit-padding-start: 24px; 80 -webkit-padding-start: 24px;
81 align-items: center; 81 align-items: center;
82 display: flex; 82 display: flex;
83 font-size: 100%; 83 font-size: 100%;
84 font-weight: 500; 84 font-weight: 500;
(...skipping 126 matching lines...) Expand 10 before | Expand all | Expand 10 after
211 <paper-submenu class="page-menu"> 211 <paper-submenu class="page-menu">
212 <div about-selected$="[[aboutSelected_]]" class="menu-trigger" 212 <div about-selected$="[[aboutSelected_]]" class="menu-trigger"
213 id="about-menu" on-tap="openPage_" data-path="/help"> 213 id="about-menu" on-tap="openPage_" data-path="/help">
214 $i18n{aboutPageTitle} 214 $i18n{aboutPageTitle}
215 </div> 215 </div>
216 </paper-submenu> 216 </paper-submenu>
217 </paper-menu> 217 </paper-menu>
218 </template> 218 </template>
219 <script src="settings_menu.js"></script> 219 <script src="settings_menu.js"></script>
220 </dom-module> 220 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_extensions/sidebar.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698