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