Rewrite Off-canvas example and code

1 files changed, 11 insertions, 5 deletions

diff --git a/docs/css/docs.css b/docs/css/docs.css
index 23ba6bf..216ab00 100644
--- a/docs/css/docs.css
+++ b/docs/css/docs.css
@@ -14,10 +14,6 @@
   width: 12rem;
 }
 
-.off-canvas .off-canvas-content {
-  padding: 0 4rem;
-}
-
 .docs-navbar {
   height: 3.8rem;
   position: fixed;
@@ -73,6 +69,10 @@
   width: calc(100vw - 12rem);
 }
 
+.docs-content.off-canvas-content {
+  padding: 0 4rem;
+}
+
 .docs-content > .container {
   margin-left: 0;
   max-width: 800px;
@@ -281,10 +281,16 @@
 }
 
 .docs-content .off-canvas {
-  height: 20rem;
   position: relative;
 }
 
+.docs-content .off-canvas .off-canvas-toggle {
+  left: .4rem;
+  position: absolute;
+  top: .4rem;
+  z-index: 1;
+}
+
 .docs-brand {
   color: #5755d9;
   left: 1.5rem;