Chromium Code Reviews| 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/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 Loading... | |
| 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 Loading... | |
| 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> |
| OLD | NEW |