update(docs): add flex="nogrow" example and description

Related to angular#6205.
Splaktar · Dec 15, 2015 · 53775c5 · 53775c5
1 parent fb53c27
commit 53775c5
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/docs/app/partials/layout-children.tmpl.html b/docs/app/partials/layout-children.tmpl.html
@@ -99,26 +99,29 @@ <h3>Additional Flex Values</h3>
  <docs-demo demo-title="Other Flex Values" class="small-demo colorNested-noPad">
  <demo-file name="index.html">
  <div layout="row" layout-wrap>
- <div flex="0">
- [flex="0"]
- </div>
  <div flex="none">
  [flex="none"]
  </div>
  <div flex>
  [flex]
  </div>
+ <div flex="nogrow">
+ [flex="nogrow"]
+ </div>
  <div flex="grow">
  [flex="grow"]
  </div>
- <div flex="auto">
- [flex="auto"]
+ <div flex="initial">
+ [flex="initial"]
  </div>
  <div flex="auto">
  [flex="auto"]
  </div>
- <div flex="initial">
- [flex="initial"]
+ <div flex="noshrink">
+ [flex="noshrink"]
+ </div>
+ <div flex="0">
+ [flex="0"]
  </div>
  </div>
  </demo-file>
@@ -146,6 +149,10 @@ <h3>Additional Flex Values</h3>
  <td>flex="grow"</td>
  <td>Will grow and shrink as needed. Starts with a size of 100%. Same as <code>flex="100"</code>.</td>
  </tr>
+ <tr>
+ <td>flex="nogrow"</td>
+ <td>Will shrink as needed, but won't grow. Starts with a size based on it's <code>width</code> and <code>height</code> values.</td>
+ </tr>
  <tr>
  <td>flex="noshrink"</td>
  <td>Will grow as needed, but won't shrink. Starts with a size based on it's <code>width</code> and <code>height</code> values.</td>