OLD | NEW |
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] { |
| 16 color: var(--google-blue-500); |
| 17 } |
| 18 |
15 iron-icon { | 19 iron-icon { |
16 --iron-icon-fill-color: var(--settings-nav-grey); | 20 --iron-icon-fill-color: var(--settings-nav-grey); |
17 -webkit-margin-end: 24px; | 21 -webkit-margin-end: 24px; |
18 } | 22 } |
19 | 23 |
20 .iron-selected:not(.menu-trigger) > iron-icon { | 24 .iron-selected:not(.menu-trigger) > iron-icon { |
21 fill: var(--google-blue-500); | 25 fill: var(--google-blue-500); |
22 } | 26 } |
23 | 27 |
24 .menu-trigger span { | 28 .menu-trigger span { |
(...skipping 160 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
185 </if> | 189 </if> |
186 <div data-path="/reset" on-tap="openPage_" | 190 <div data-path="/reset" on-tap="openPage_" |
187 hidden="[[!pageVisibility.reset]]"> | 191 hidden="[[!pageVisibility.reset]]"> |
188 <iron-icon icon="settings:restore"></iron-icon> | 192 <iron-icon icon="settings:restore"></iron-icon> |
189 $i18n{resetPageTitle} | 193 $i18n{resetPageTitle} |
190 </div> | 194 </div> |
191 </paper-menu> | 195 </paper-menu> |
192 </paper-submenu> | 196 </paper-submenu> |
193 <div class="separator"></div> | 197 <div class="separator"></div> |
194 <paper-submenu class="page-menu"> | 198 <paper-submenu class="page-menu"> |
195 <div class="menu-trigger" on-tap="openPage_" data-path="/help"> | 199 <div about-selected$="[[aboutSelected_]]" class="menu-trigger" |
| 200 id="about-menu" on-tap="openPage_" data-path="/help"> |
196 $i18n{aboutPageTitle} | 201 $i18n{aboutPageTitle} |
197 </div> | 202 </div> |
198 </paper-submenu> | 203 </paper-submenu> |
199 </paper-menu> | 204 </paper-menu> |
200 </template> | 205 </template> |
201 <script src="settings_menu.js"></script> | 206 <script src="settings_menu.js"></script> |
202 </dom-module> | 207 </dom-module> |
OLD | NEW |