scrollable content areas

Turn off the side scroll bars for pages.

Resizes the table when the browser resizes

For stables, the rows scroll, but not the header.
For details, the content area scrolls.
Reserves 400 picesl for the header/ footer.   Resize is only done on reload

1 files changed, 13 insertions, 0 deletions

diff --git a/install/ui/entity.js b/install/ui/entity.js
index 030bcb016..5df56b1a6 100644
--- a/install/ui/entity.js
+++ b/install/ui/entity.js
@@ -130,6 +130,15 @@ IPA.facet = function (spec) {
         return $('.content', that.container);
     };
 
+    that.resize = function(){
+        var facet_content = $('.facet-content', that.container);
+        facet_content.css("height", 'auto');
+        facet_content.css('overflow-y', 'auto');
+
+        var content_max_height = $(window).height() -
+            IPA.reserved_screen_size;
+        facet_content.css('height',content_max_height);
+    };
 
     that.on_error = function(xhr, text_status, error_thrown) {
         if (that.entity.redirect_facet) {
@@ -194,6 +203,10 @@ IPA.table_facet = function(spec) {
         return that;
     };
 
+    that.resize = function(){
+        that.table.resize();
+    };
+
     var columns = spec.columns || [];
     for (var i=0; i<columns.length; i++) {
         var column_spec = columns[i];