First extremely nasty attempt at forcing layout. :/

This approach is almost certainly wrong. Wrong, wrong, wrong.
icculus · Jul 5, 2010 · cae657e · cae657e
1 parent 718dd09
commit cae657e
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -9,6 +9,15 @@
 
 var profile = null;
 
+// !!! FIXME: this is kinda nasty.
+function resize_ui()
+{
+    var h = $(window).height();
+    h -= $('div.global_header').height();
+    h -= $('div.global_footer').height();
+    $('div.scrollable').height(h - 10);
+} // resize_ui
+
 function render()
 {
     if (profile == null)
@@ -52,6 +61,7 @@
 
     $('div.taglist').one("click", function() { clicked_taglist($(this)); });
     $('div.searchbox').css('visibility', 'visible');
+    resize_ui();
 } // render
 
 function process_steam_profile(xml)
@@ -349,6 +359,7 @@
 
 // kick off AJAX load of user profile when document is ready for action.
 $(document).ready(function(){
+    $(window).resize( function() { resize_ui(); } );
     $.ajax({
         type: "GET",
         url: "steamprofile.php",
@@ -392,6 +403,20 @@
                  onKeyDown='typing_in_filter();' 
                  value='Enter filter tags' size='22' autocomplete='off'/>
         </div>
+      </div>
+      <div class='scrollable'>
+        <table class='gametable'><tbody></tbody></table>
+      </div>
+      <div class='global_footer'>
+      <center>
+        [
+        <a target='_blank' href='http://store.steampowered.com/'>buy games</a>
+        -
+        <a target='_blank' href='http://hg.icculus.org/icculus/steamtags'>source code</a>
+        -
+        <a href='auth.php?logout=1'>logout</a>
+        ]
+      </div>
     </div>
       <table class='gametable'><tbody></tbody></table>
     </div>

diff --git a/style.css b/style.css
@@ -58,13 +58,18 @@ h5 {
 	text-transform: uppercase;
 }
 
-div#global_header {
+div.global_header {
 	background-image: url(globalheader_bg.jpg);
 	background-color: #000000;
 	border-bottom: 1px solid #4D4B48;
 	background-position: center top;
 }
 
+div.global_footer {
+	background-color: #000000;
+	border-top: 1px solid #4D4B48;
+}
+
 div.nickname {
 	display: inline;
 	font-size: 30px;
@@ -132,3 +137,8 @@ div.taglist {
 	outline: none;
 	margin-left: 5px;
 }
+
+.scrollable {
+	overflow: auto;
+}
+