Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(77)

Unified Diff: third_party/polymer/components/iron-fit-behavior/README.md

Issue 2113853002: Run bower update (Closed) Base URL: https://github.com/catapult-project/catapult@polymer10-migration
Patch Set: Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>
+```

Powered by Google App Engine
This is Rietveld 408576698