From d37af74b9e56d30044b45913afb21a86c9ad2b79 Mon Sep 17 00:00:00 2001
From: Sebastian Silva <sebastian@sugarlabs.org>
Date: Fri, 18 Nov 2011 22:51:18 +0000
Subject: UI Tweaks

---
(limited to 'app/templates')

diff --git a/app/templates/editor.html b/app/templates/editor.html
index 6e0e8df..73fbcf8 100644
--- a/app/templates/editor.html
+++ b/app/templates/editor.html
@@ -66,7 +66,7 @@
 document.ready = function() {
     var aceEditor = ace.edit("editor");
     aceEditor.setTheme("ace/theme/twilight");
-    document.getElementById('editor').style.fontSize='14pt';
+    document.getElementById('editor').style.fontSize='16px';
     aceEditor.getSession().setUseSoftTabs(true);
     // we can assume we're on unix
     aceEditor.getSession().setNewLineMode("unix");
diff --git a/app/templates/help.html b/app/templates/help.html
index b7043ef..bdd0e2b 100644
--- a/app/templates/help.html
+++ b/app/templates/help.html
@@ -15,15 +15,15 @@
 ${get_flashed_messages()}
     <div style="margin:0;padding-left:20px;padding-right:20px;margin-top:10px" id="content" class="bling">
     <section>
-        <div id="tabs">
+        <div id="tabs" style="height:280px">
     		<ul>
                 <li py:if="project_name != 'None'"><a href="#tabs-0">${project_name} Activity</a></li>
                 <li><a href="#tabs-1">Projects</a></li>
-				<li><a href="#tabs-2">Framework Documentation</a></li>
-				<li><a href="#tabs-3">Widgets Showcase</a></li>
-				<li><a href="#tabs-4">MYOSA</a></li>
+				<li><a href="#tabs-2">Web Framework</a></li>
+				<li><a href="#tabs-3">Widgets</a></li>
+				<li><a href="#tabs-4">Sugar</a></li>
 			</ul>
-            <div py:if="project_name != 'None'" id="tabs-0" style="height:280px">
+            <div py:if="project_name != 'None'" id="tabs-0">
                 <div style="text-align:right;">
                 <p>You are constructing <strong>$project_name Activity</strong>.</p>
                 <p py:if="edit_history==[]"><strong>Warning:</strong> If you modify Sugar Activities they may stop to work!
@@ -44,7 +44,7 @@ ${get_flashed_messages()}
                 </div>
                 </div>
             </div>
-            <div id="tabs-1" style="height:280px">
+            <div id="tabs-1">
                 <div style="text-align:right;">
                 <div class="rounded" style="background-color:white;float:left; padding: 35px;">
                 <img src="/static/images/activity-websdk.stroke.png" /></div>
@@ -62,13 +62,13 @@ ${get_flashed_messages()}
                 </form>
                 </div>
             </div>
-			<div id="tabs-2" style="height:280px">    		
+			<div id="tabs-2">    		
             <iframe width="100%" height="280" src="/static/doc/flask-docs/quickstart.html#quickstart" />
             </div>
-			<div id="tabs-3" style="height:280px">
+			<div id="tabs-3">
             <iframe width="100%" height="280" src="/static/doc/sugar-theme.html" />
             </div>
-			<div id="tabs-4" style="height:280px">
+			<div id="tabs-4">
             <iframe width="100%" height="280" src="/static/doc/myosa/ch000_table_of_contents.xhtml" />
             </div>
 		</div>
@@ -89,7 +89,9 @@ ${get_flashed_messages()}
         gecko anyway*/ 
         $('#beta').delay(1500).fadeIn("slow");
         $("#tabs").tabs({ header: "h3" });
-        }
+        /* $('#tabs').css("height", ((155 - $(window).height() + $(window).scrollTop() + "px"))); */
+        $('#tabs').css("height", $(window).height()-30+"px");
+    }
     </script>
 </body>
 </html>
--
cgit v0.9.1