| 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 |