| 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] { | 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 Loading... |
| 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 Loading... |
| 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> |
| OLD | NEW |