| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 | 3 |
| 3 <dom-module id="cr-action-menu"> | 4 <dom-module id="cr-action-menu"> |
| 4 <template> | 5 <template> |
| 5 <style> | 6 <style> |
| 6 :host { | 7 :host { |
| 7 background-color: white; | 8 background-color: white; |
| 8 border: none; | 9 border: none; |
| 9 box-shadow: 0 2px 6px var(--paper-grey-500); | 10 box-shadow: 0 2px 6px var(--paper-grey-500); |
| 10 margin: 0; | 11 margin: 0; |
| 11 outline: none; | 12 outline: none; |
| 12 padding: 8px 0; | 13 padding: 8px 0; |
| 13 } | 14 } |
| 14 | 15 |
| 15 :host::backdrop { | 16 :host::backdrop { |
| 16 background-color: transparent; | 17 background-color: transparent; |
| 17 } | 18 } |
| 18 | 19 |
| 20 :host ::content .dropdown-item { |
| 21 align-items: center; |
| 22 background: none; |
| 23 border: none; |
| 24 box-sizing: border-box; |
| 25 color: var(--paper-grey-800); |
| 26 display: flex; |
| 27 font: inherit; |
| 28 min-height: 32px; |
| 29 padding: 0 24px; |
| 30 text-align: start; |
| 31 width: 100%; |
| 32 } |
| 33 |
| 34 :host ::content .dropdown-item:not([disabled]) { |
| 35 @apply(--cr-actionable); |
| 36 } |
| 37 |
| 19 :host ::content .dropdown-item:focus { | 38 :host ::content .dropdown-item:focus { |
| 20 background-color: var(--paper-grey-300); | 39 background-color: var(--paper-grey-300); |
| 21 outline: none; | 40 outline: none; |
| 22 } | 41 } |
| 23 </style> | 42 </style> |
| 24 <content select=".dropdown-item,hr"></content> | 43 <content select=".dropdown-item,hr"></content> |
| 25 </template> | 44 </template> |
| 26 <script src="cr_action_menu.js"></script> | 45 <script src="cr_action_menu.js"></script> |
| 27 </dom-module> | 46 </dom-module> |
| OLD | NEW |