| Index: third_party/polymer/components-chromium/core-dropdown/core-dropdown.html
|
| diff --git a/third_party/polymer/components-chromium/core-dropdown/core-dropdown.html b/third_party/polymer/components-chromium/core-dropdown/core-dropdown.html
|
| deleted file mode 100644
|
| index 898c7b74be030628c2ecc2658cdd6a7949443956..0000000000000000000000000000000000000000
|
| --- a/third_party/polymer/components-chromium/core-dropdown/core-dropdown.html
|
| +++ /dev/null
|
| @@ -1,94 +0,0 @@
|
| -<!--
|
| -Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| -This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| -The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| -The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| -Code distributed by Google as part of the polymer project is also
|
| -subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| ---><!--
|
| -
|
| -`core-dropdown` is an element that is initially hidden and is positioned relatively to another
|
| -element, usually the element that triggers the dropdown. The dropdown and the triggering element
|
| -should be children of the same offsetParent, e.g. the same `<div>` with `position: relative`.
|
| -It can be used to implement dropdown menus, menu buttons, etc..
|
| -
|
| -Example:
|
| -
|
| - <template is="auto-binding">
|
| - <div relative>
|
| - <core-icon-button id="trigger" icon="menu"></core-icon-button>
|
| - <core-dropdown relatedTarget="{{$.trigger}}">
|
| - <core-menu>
|
| - <core-item>Cut</core-item>
|
| - <core-item>Copy</core-item>
|
| - <core-item>Paste</core-item>
|
| - </core-menu>
|
| - </core-dropdown>
|
| - </div>
|
| - </template>
|
| -
|
| -Positioning
|
| ------------
|
| -
|
| -By default, the dropdown is absolutely positioned on top of the `relatedTarget` with the top and
|
| -left edges aligned. The `halign` and `valign` properties controls the various alignments. The size
|
| -of the dropdown is automatically restrained such that it is entirely visible on the screen. Use the
|
| -`margin`
|
| -
|
| -If you need more control over the dropdown's position, use CSS. The `halign` and `valign` properties are
|
| -ignored if the dropdown is positioned with CSS.
|
| -
|
| -Example:
|
| -
|
| - <style>
|
| - /* manually position the dropdown below the trigger */
|
| - core-dropdown {
|
| - position: absolute;
|
| - top: 38px;
|
| - left: 0;
|
| - }
|
| - </style>
|
| -
|
| - <template is="auto-binding">
|
| - <div relative>
|
| - <core-icon-button id="trigger" icon="menu"></core-icon-button>
|
| - <core-dropdown relatedTarget="{{$.trigger}}">
|
| - <core-menu>
|
| - <core-item>Cut</core-item>
|
| - <core-item>Copy</core-item>
|
| - <core-item>Paste</core-item>
|
| - </core-menu>
|
| - </core-dropdown>
|
| - </div>
|
| - </template>
|
| -
|
| -The `layered` property
|
| -----------------------
|
| -
|
| -Sometimes you may need to render the dropdown in a separate layer. For example,
|
| -it may be nested inside an element that needs to be `overflow: hidden`, or
|
| -its parent may be overlapped by elements above it in stacking order.
|
| -
|
| -The `layered` property will place the dropdown in a separate layer to ensure
|
| -it appears on top of everything else. Note that this implies the dropdown will
|
| -not scroll with its container.
|
| -
|
| -@group Polymer Core Elements
|
| -@element core-dropdown
|
| -@extends core-overlay
|
| -@homepage github.io
|
| ---><html><head><link href="../polymer/polymer.html" rel="import">
|
| -<link href="../core-overlay/core-overlay.html" rel="import">
|
| -
|
| -<style shim-shadowdom="">
|
| - html /deep/ core-dropdown {
|
| - position: absolute;
|
| - overflow: auto;
|
| - background-color: #fff;
|
| - }
|
| -</style>
|
| -
|
| -</head><body><polymer-element name="core-dropdown" extends="core-overlay" assetpath="">
|
| -
|
| -</polymer-element>
|
| -<script charset="utf-8" src="core-dropdown-extracted.js"></script></body></html>
|
|
|