Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(218)

Side by Side Diff: ui/webui/resources/cr_elements/cr_shared_menu/cr_shared_menu.html

Issue 2104013004: MD WebUI: Reimplement cr-shared-menu using iron-dropdown. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Reword comment Created 4 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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/cr/ui/position_util.html">
5 <link rel="import" href="chrome://resources/html/util.html"> 4 <link rel="import" href="chrome://resources/html/util.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/web-anim ations.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">
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">
7 <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">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis tbox.html"> 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper -menu-button-animations.html">
9 11
10 <dom-module id="cr-shared-menu"> 12 <dom-module id="cr-shared-menu">
11 <template> 13 <template>
12 <style> 14 <style>
13 :host { 15 #menu {
14 @apply(--shadow-elevation-2dp); 16 @apply(--shadow-elevation-2dp);
15 display: none; 17 background-color: white;
16 overflow: hidden; 18 overflow: hidden;
17 position: absolute; 19 padding: 8px 0;
20 position: relative;
18 } 21 }
19
20 </style> 22 </style>
21 <paper-listbox id="menu"> 23 <iron-dropdown id="dropdown" allow-outside-scroll restore-focus-on-close
22 <content></content> 24 vertical-align="auto" horizontal-align="right" opened="{{menuOpen}}"
Dan Beam 2016/07/07 17:38:24 does this horizontal-align flip automagically in R
tsergeant 2016/07/11 03:30:48 Yup!
23 </paper-listbox> 25 open-animation-config="[[openAnimationConfig]]"
26 close-animation-config="[[closeAnimationConfig]]">
27 <div id="menu" class="dropdown-content" role="menu">
28 <content></content>
29 </div>
30 </iron-dropdown>
24 </template> 31 </template>
25 <script src="cr_shared_menu.js"></script> 32 <script src="cr_shared_menu.js"></script>
26 </dom-module> 33 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698