Demo and Restore dialogs scroll if longer than 300px.

Fixes waterbearlang#86
stretchyboy · Jan 2, 2012 · b2c814c · b2c814c
1 parent 0cba837
commit b2c814c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/garden.html b/garden.html
@@ -63,9 +63,9 @@ <h2>Save the current script</h2>
         </div>
     </div>
     <div class="hidden dialog" id="restore_dialog">
-        <div id="save_dialog_contents">
+        <div id="restore_dialog_contents">
             <h2>Restore a script</h2>
-            <ul id="script_list">
+            <ul class="scrollList" id="script_list">
             </ul>
             <button class="cancel">Cancel</button>
 	    <button class="exp">From Export</button>
@@ -74,7 +74,7 @@ <h2>Restore a script</h2>
     <div class="hidden dialog" id="demos_dialog">
         <div id="demos_dialog_contents">
             <h2>Load a demo</h2>
-            <ul id="demo_list">
+            <ul class="scrollList" id="demo_list">
             </ul>
             <button class="cancel">Cancel</button>
         </div>

diff --git a/stylesheets/workspace.css b/stylesheets/workspace.css
@@ -301,4 +301,8 @@ html, body {
     overflow: hidden;
 }
 
-
+/* Lists of scripts to scroll. Used in demo & restore dialog*/
+.scrollList{
+    max-height: 300px;
+    overflow-y:scroll;
+}