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/html/assert.html"> | 2 <link rel="import" href="chrome://resources/html/assert.html"> |
3 <link rel="import" href="chrome://resources/html/cr.html"> | 3 <link rel="import" href="chrome://resources/html/cr.html"> |
4 <link rel="import" href="chrome://resources/html/util.html"> | 4 <link rel="import" href="chrome://resources/html/util.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior
/iron-a11y-keys-behavior.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior
/iron-a11y-keys-behavior.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-drop
down.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-drop
down.html"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/fade-in-animation.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/fade-in-animation.html"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/fade-out-animation.html"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/fade-out-animation.html"> |
9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> |
10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper
-menu-button-animations.html"> | 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper
-menu-button-animations.html"> |
11 | 11 |
12 <dom-module id="cr-shared-menu"> | 12 <dom-module id="cr-shared-menu"> |
13 <template> | 13 <template> |
14 <style> | 14 <style> |
15 #menu { | 15 #menu { |
16 @apply(--shadow-elevation-2dp); | 16 @apply(--shadow-elevation-2dp); |
17 background-color: white; | 17 background-color: white; |
18 overflow: hidden; | 18 overflow: hidden; |
19 padding: 8px 0; | 19 padding: 8px 0; |
20 position: relative; | 20 position: relative; |
| 21 width: var(--cr-shared-menu-width); |
21 } | 22 } |
22 </style> | 23 </style> |
23 <iron-dropdown id="dropdown" allow-outside-scroll restore-focus-on-close | 24 <iron-dropdown id="dropdown" allow-outside-scroll restore-focus-on-close |
24 vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}" | 25 vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}" |
25 open-animation-config="[[openAnimationConfig]]" | 26 open-animation-config="[[openAnimationConfig]]" |
26 close-animation-config="[[closeAnimationConfig]]"> | 27 close-animation-config="[[closeAnimationConfig]]"> |
27 <div id="menu" class="dropdown-content" role="menu"> | 28 <div id="menu" class="dropdown-content" role="menu"> |
28 <content></content> | 29 <content></content> |
29 </div> | 30 </div> |
30 </iron-dropdown> | 31 </iron-dropdown> |
31 </template> | 32 </template> |
32 <script src="cr_shared_menu.js"></script> | 33 <script src="cr_shared_menu.js"></script> |
33 </dom-module> | 34 </dom-module> |
OLD | NEW |