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> |