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

Side by Side Diff: third_party/polymer/components-chromium/paper-dropdown/paper-dropdown.html

Issue 864173009: Add paper-dropdown and paper-dropdown-menu and run reproduce.sh (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase Created 5 years, 10 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
(Empty)
1 <!--
2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
6 Code distributed by Google as part of the polymer project is also
7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
8 --><!--
9
10 `paper-dropdown` is a `core-dropdown` with a `paper-shadow`. By default, it
11 is animated on open with `paper-dropdown-transition`. Use this element with
12 `paper-dropdown-menu` or `paper-menu-button` to implement UI controls that
13 open a drop-down.
14
15 Example:
16
17 <paper-dropdown>
18 Hi!
19 </paper-dropdown>
20
21 Theming
22 -------
23
24 Style the background color of the dropdown with these selectors:
25
26 paper-dropdown::shadow #ripple,
27 paper-dropdown::shadow #background {
28 background-color: green;
29 }
30
31 @group Paper Elements
32 @element paper-dropdown
33 @extends core-dropdown
34 @status unstable
35 --><html><head><link href="../polymer/polymer.html" rel="import">
36 <link href="../core-dropdown/core-dropdown.html" rel="import">
37 <link href="../paper-shadow/paper-shadow.html" rel="import">
38
39 <link href="paper-dropdown-transition.html" rel="import">
40
41 <style shim-shadowdom="">
42 html /deep/ paper-dropdown {
43 position: absolute;
44 overflow: visible;
45 min-height: 40px;
46 }
47 </style>
48
49 </head><body><polymer-element name="paper-dropdown" extends="core-dropdown" asse tpath="">
50 <template>
51
52 <style>
53 #ripple {
54 background-color: #fff;
55 position: absolute;
56 left: 0;
57 top: 0;
58 width: 40px;
59 height: 40px;
60 border-radius: 50%;
61 box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.26);
62 opacity: 0;
63 }
64
65 :host([halign=right]) #ripple {
66 left: auto;
67 right: 0;
68 }
69
70 :host([valign=bottom]) #ripple {
71 top: auto;
72 bottom: 0;
73 }
74
75 #background {
76 background-color: #fff;
77 border-radius: inherit;
78 }
79
80 #scroller {
81 overflow: auto;
82 box-sizing: border-box;
83 }
84 </style>
85
86 <div id="ripple"></div>
87
88 <div id="background" fit="">
89 <paper-shadow fit=""></paper-shadow>
90 </div>
91
92 <div id="scroller" relative="">
93 <content></content>
94 </div>
95
96 </template>
97
98 </polymer-element><script charset="utf-8" src="paper-dropdown-extracted.js"></sc ript></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698