| Index: third_party/polymer/components/iron-fit-behavior/README.md
|
| diff --git a/third_party/polymer/components/iron-fit-behavior/README.md b/third_party/polymer/components/iron-fit-behavior/README.md
|
| index ed1b72f9bd857ec5c4cf49000703dddeb6a720c4..8dbc78e363dc06d8771fd21caeea4e452788f1d6 100644
|
| --- a/third_party/polymer/components/iron-fit-behavior/README.md
|
| +++ b/third_party/polymer/components/iron-fit-behavior/README.md
|
| @@ -19,7 +19,7 @@ _[Demo and API docs](https://elements.polymer-project.org/elements/iron-fit-beha
|
|
|
| ##Polymer.IronFitBehavior
|
|
|
| -Polymer.IronFitBehavior fits an element in another element using `max-height` and `max-width`, and
|
| +`Polymer.IronFitBehavior` fits an element in another element using `max-height` and `max-width`, and
|
| optionally centers it in the window or another element.
|
|
|
| The element will only be sized and/or positioned if it has not already been sized and/or positioned
|
| @@ -30,7 +30,28 @@ by CSS.
|
| | `position` set | Element is not centered horizontally or vertically |
|
| | `top` or `bottom` set | Element is not vertically centered |
|
| | `left` or `right` set | Element is not horizontally centered |
|
| -| `max-height` or `height` set | Element respects `max-height` or `height` |
|
| -| `max-width` or `width` set | Element respects `max-width` or `width` |
|
| +| `max-height` set | Element respects `max-height` |
|
| +| `max-width` set | Element respects `max-width` |
|
| +
|
| +`Polymer.IronFitBehavior` can position an element into another element using
|
| +`verticalAlign` and `horizontalAlign`. This will override the element's css position.
|
| +
|
| +```html
|
| + <div class="container">
|
| + <iron-fit-impl vertical-align="top" horizontal-align="auto">
|
| + Positioned into the container
|
| + </iron-fit-impl>
|
| + </div>
|
| +```
|
| +
|
| +Use `noOverlap` to position the element around another element without overlapping it.
|
| +
|
| +```html
|
| + <div class="container">
|
| + <iron-fit-impl no-overlap vertical-align="auto" horizontal-align="auto">
|
| + Positioned around the container
|
| + </iron-fit-impl>
|
| + </div>
|
| +```
|
|
|
|
|
|
|