Update off-canvas docs

This makes the limitation clearer you can only use overlap transition when using nested off-canvas.

diff --git a/docs/pages/off-canvas.md b/docs/pages/off-canvas.md
index 1aba0b6d66808376545f13b179da69dcf16c2387..725b0042ed9d78584c48c86bc69de8c3e8257496 100644 (file)
--- a/docs/pages/off-canvas.md
+++ b/docs/pages/off-canvas.md
@@ -254,6 +254,10 @@ A design can have multiple panels. Be sure that all panels come *before* the `.o
 You can switch the default transition of the off-canvas from pushing the page over as it open to overlapping the page by adding the `data-transition="overlap"` to the `.off-canvas`.
 There are 2 available transitions: push (`data-transition="push"`) which is the default, and overlap (`data-transition="overlap"`).
 
+<div class="primary callout">
+  <p>When placing the off-canvas within the off-canvas-content container as <a href="#nested-off-canvas">Nested Off-Canvas</a>, only overlap transition is possible. If you've explicitely defined push transition it will be replaced with overlap automatically.</p>
+</div>
+
 ```html
 <div class="off-canvas position-left" id="offCanvasLeftOverlap" data-off-canvas data-transition="overlap">
   <!-- Your menu or Off-canvas content goes here -->
@@ -369,7 +373,7 @@ Advanced off-canvas users may use the new `contentId` option to bind an element
 <strong>Important:</strong> when using the `contentId` on a nested element you must also use the new `nested` option and tell the JavaScript it's nested!
 
 <div class="callout warning">
-  Please note that it's currently not possible to use the push transition for a nested off-canvas element.
+  <p>Please note that it's not possible to use the push transition for a nested off-canvas element.</p>
 </div>
 
 ```html_example