Index: third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/README.md |
diff --git a/third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/README.md b/third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/README.md |
index 27f65d8966967fe7091a00de2c2a035c25a120f4..bc5c60e05046f588527ba8643b0384b23f38a299 100644 |
--- a/third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/README.md |
+++ b/third_party/polymer/v1_0/components-chromium/iron-overlay-behavior/README.md |
@@ -1,11 +1,69 @@ |
-# iron-overlay-behavior |
-Makes an element an overlay with an optional backdrop. |
-`iron-overlay-behavior` displays an element on top of other content. It starts out hidden and is |
-displayed by calling `open()` or setting the `opened` property to `true`. It may be closed by |
-calling `close()` or `cancel()`, or by setting the `opened` property to `false`. |
+<!--- |
+ |
+This README is automatically generated from the comments in these files: |
+iron-overlay-backdrop.html iron-overlay-behavior.html |
+ |
+Edit those files, and our readme bot will duplicate them over here! |
+Edit this file, and the bot will squash your changes :) |
+ |
+--> |
+ |
+[](https://travis-ci.org/PolymerElements/iron-overlay-behavior) |
+ |
+_[Demo and API Docs](https://elements.polymer-project.org/elements/iron-overlay-behavior)_ |
+ |
+ |
+##<iron-overlay-backdrop> |
+ |
+ |
+`iron-overlay-backdrop` is a backdrop used by `Polymer.IronOverlayBehavior`. It should be a |
+singleton. |
+ |
+### Styling |
+ |
+The following custom properties and mixins are available for styling. |
+ |
+Custom property | Description | Default |
+-------------------------------------------|------------------------|--------- |
+`--iron-overlay-backdrop-background-color` | Backdrop background color | #000 |
+`--iron-overlay-backdrop-opacity` | Backdrop opacity | 0.6 |
+`--iron-overlay-backdrop` | Mixin applied to `iron-overlay-backdrop`. | {} |
+`--iron-overlay-backdrop-opened` | Mixin applied to `iron-overlay-backdrop` when it is displayed | {} |
+ |
+ |
+##Polymer.IronOverlayBehavior |
+ |
+ |
+Use `Polymer.IronOverlayBehavior` to implement an element that can be hidden or shown, and displays |
+on top of other content. It includes an optional backdrop, and can be used to implement a variety |
+of UI controls including dialogs and drop downs. Multiple overlays may be displayed at once. |
+ |
+### Closing and canceling |
+ |
+A dialog may be hidden by closing or canceling. The difference between close and cancel is user |
+intent. Closing generally implies that the user acknowledged the content on the overlay. By default, |
+it will cancel whenever the user taps outside it or presses the escape key. This behavior is |
+configurable with the `no-cancel-on-esc-key` and the `no-cancel-on-outside-click` properties. |
+`close()` should be called explicitly by the implementer when the user interacts with a control |
+in the overlay element. When the dialog is canceled, the overlay fires an 'iron-overlay-canceled' |
+event. Call `preventDefault` on this event to prevent the overlay from closing. |
+ |
+### Positioning |
+ |
+By default the element is sized and positioned to fit and centered inside the window. You can |
+position and size it manually using CSS. See `Polymer.IronFitBehavior`. |
+ |
+### Backdrop |
+ |
+Set the `with-backdrop` attribute to display a backdrop behind the overlay. The backdrop is |
+appended to `<body>` and is of type `<iron-overlay-backdrop>`. See its doc page for styling |
+options. |
+ |
+### Limitations |
+ |
+The element is styled to appear on top of other content by setting its `z-index` property. You |
+must ensure no element has a stacking context with a higher `z-index` than its parent stacking |
+context. You should place this element as a child of `<body>` whenever possible. |
+ |
-The difference between `close()` and `cancel()` is user intent. `close()` generally implies that |
-the user acknowledged the content of the overlay. By default, it will cancel whenever the user taps |
-outside it or presses the escape key. This behavior can be turned off via the `no-cancel-on-esc-key` |
-and the `no-cancel-on-outside-click` properties. |