OLD | NEW |
---|---|
1 <link rel="import" href="chrome://resources/html/util.html"> | 1 <link rel="import" href="chrome://resources/html/util.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/cr_elements/shared_vars_css.html"> | 3 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
4 | 4 |
5 <dom-module id="cr-action-menu"> | 5 <dom-module id="cr-action-menu"> |
6 <template> | 6 <template> |
7 <style> | 7 <style> |
8 :host { | 8 :host { |
9 background-color: white; | 9 background-color: white; |
10 border: none; | 10 border: none; |
11 box-shadow: 0 2px 6px var(--paper-grey-500); | 11 box-shadow: 0 2px 6px var(--paper-grey-500); |
12 color: inherit; | |
13 margin: 0; | 12 margin: 0; |
14 outline: none; | 13 outline: none; |
15 padding: 8px 0; | 14 padding: 8px 0; |
16 } | 15 } |
17 | 16 |
18 :host::backdrop { | 17 :host::backdrop { |
19 background-color: transparent; | 18 background-color: transparent; |
20 } | 19 } |
21 | 20 |
22 :host ::content .dropdown-item { | 21 :host ::content .dropdown-item { |
23 background: none; | 22 background: none; |
24 border: none; | 23 border: none; |
25 box-sizing: border-box; | 24 box-sizing: border-box; |
26 color: inherit; | 25 color: var(--paper-grey-900); |
tsergeant
2017/04/07 01:53:10
I guess this could also be fixed by changing the i
| |
27 font: inherit; | 26 font: inherit; |
28 min-height: 32px; | 27 min-height: 32px; |
29 padding: 0 24px; | 28 padding: 0 24px; |
30 text-align: start; | 29 text-align: start; |
31 width: 100%; | 30 width: 100%; |
32 } | 31 } |
33 | 32 |
34 :host ::content .dropdown-item:not([hidden]) { | 33 :host ::content .dropdown-item:not([hidden]) { |
35 align-items: center; | 34 align-items: center; |
36 display: flex; | 35 display: flex; |
(...skipping 15 matching lines...) Expand all Loading... | |
52 .item-wrapper { | 51 .item-wrapper { |
53 outline: none; | 52 outline: none; |
54 } | 53 } |
55 </style> | 54 </style> |
56 <div class="item-wrapper" tabindex="-1"> | 55 <div class="item-wrapper" tabindex="-1"> |
57 <content select=".dropdown-item,hr"></content> | 56 <content select=".dropdown-item,hr"></content> |
58 </div> | 57 </div> |
59 </template> | 58 </template> |
60 <script src="cr_action_menu.js"></script> | 59 <script src="cr_action_menu.js"></script> |
61 </dom-module> | 60 </dom-module> |
OLD | NEW |