Make main body section scroll in two- and three- pane-apps (Resolves a…

…damschwartz#9) @scottaohara Thanks!
ahmedcyber · Apr 10, 2014 · bbc668f · bbc668f
1 parent 239d0d8
commit bbc668f
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/potions/three-pane-app/css/three-pane-app.css b/potions/three-pane-app/css/three-pane-app.css
@@ -33,7 +33,9 @@ html, body {
     .three-pane-app .bottom .middle {
       position: absolute;
       width: 60%;
-      left: 20%; }
+      left: 20%;
+      height: 100%;
+      overflow: auto; }
       .three-pane-app .bottom .middle .page {
         width: 40em;
         padding: 1.25em;

diff --git a/potions/three-pane-app/sass/three-pane-app.sass b/potions/three-pane-app/sass/three-pane-app.sass
@@ -39,6 +39,8 @@ html, body
             position: absolute
             width: 60%
             left: 20%
+            height: 100%
+            overflow: auto
 
             .page
                 width: 40em

diff --git a/potions/two-pane-app/css/two-pane-app.css b/potions/two-pane-app/css/two-pane-app.css
@@ -44,6 +44,7 @@ html, body {
       width: 70%;
       right: 0;
       height: 100%;
+      overflow: auto;
       padding: 1.25em; }
   .two-pane-app .title {
     display: -moz-inline-stack;

diff --git a/potions/two-pane-app/sass/two-pane-app.sass b/potions/two-pane-app/sass/two-pane-app.sass
@@ -52,6 +52,7 @@ html, body
             width: 70%
             right: 0
             height: 100%
+            overflow: auto
             padding: 1.25em
 
     .title