Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h tml"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h tml"> |
| 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-listbox/paper-lis tbox.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp le.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp le.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html "> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html "> |
| 7 | 7 |
| 8 <dom-module id="history-side-bar"> | 8 <dom-module id="history-side-bar"> |
| 9 <template> | 9 <template> |
| 10 <style> | 10 <style> |
| 11 :host { | 11 :host { |
| 12 padding-top: 5px; | 12 padding-top: 5px; |
| 13 width: 200px; | 13 width: 200px; |
| 14 } | 14 } |
| 15 | 15 |
| 16 paper-item { | 16 paper-item { |
| 17 -webkit-padding-start: 25px; | 17 -webkit-padding-start: 25px; |
| 18 cursor: pointer; | 18 cursor: pointer; |
| 19 font-size: 14px; | 19 font-size: 14px; |
| 20 font-weight: 500; | 20 font-weight: 500; |
| 21 } | 21 } |
| 22 | 22 |
| 23 paper-menu { | 23 paper-item.iron-selected { |
| 24 --paper-menu-focused-item-after: { | 24 color: var(--google-blue-500); |
| 25 background: none; | 25 font-weight: 500; |
|
tsergeant
2016/04/01 03:01:54
calamity: What exactly did this fix? I don't think
| |
| 26 }; | 26 } |
| 27 --paper-menu-selected-item: { | 27 |
| 28 color: var(--google-blue-500); | 28 paper-listbox { |
| 29 font-size: 14px; | |
| 30 font-weight: 500; | |
| 31 }; | |
| 32 -webkit-user-select: none; | 29 -webkit-user-select: none; |
| 33 background-color: transparent; | 30 background-color: transparent; |
| 34 color: #5a5a5a; | 31 color: #5a5a5a; |
| 35 } | 32 } |
| 36 </style> | 33 </style> |
| 37 <paper-menu id="overflow-menu" selected="0" on-iron-select="onSelect_"> | 34 <paper-listbox id="overflow-menu" selected="0" on-iron-select="onSelect_"> |
| 38 <paper-item id="history-button"> | 35 <paper-item id="history-button"> |
| 39 <div>$i18n{historyMenuItem}</div> | 36 <div>$i18n{historyMenuItem}</div> |
| 40 <paper-ripple></paper-ripple> | 37 <paper-ripple></paper-ripple> |
| 41 </paper-item> | 38 </paper-item> |
| 42 <paper-item id="synced-tabs-button"> | 39 <paper-item id="synced-tabs-button"> |
| 43 <div>$i18n{openTabsMenuItem}</div> | 40 <div>$i18n{openTabsMenuItem}</div> |
| 44 <paper-ripple></paper-ripple> | 41 <paper-ripple></paper-ripple> |
| 45 </paper-item> | 42 </paper-item> |
| 46 </paper-menu> | 43 </paper-listbox> |
| 47 </template> | 44 </template> |
| 48 <script src="chrome://history/side_bar.js"></script> | 45 <script src="chrome://history/side_bar.js"></script> |
| 49 </dom-module> | 46 </dom-module> |
| OLD | NEW |