Get dialogs working in IE

lib/gollum/frontend/public/css/dialog.css

@@ -1,12 +1,11 @@
 /* @control dialog */
 
 #gollum-dialog-dialog {
-  display: none;
+  display: block;
-  top: 50%;
-  left: 50%;
   overflow: visible;
   position: absolute;
-  z-index: 1000;
+  top: 50%;
+  left: 50%;
 }
 
 #gollum-dialog-dialog.active {
@@ -14,11 +13,9 @@
 }
 
 #gollum-dialog-dialog-inner {
-  background: transparent;
   margin: 0 0 0 -225px;
   position: relative;
   width: 450px;
-  z-index: 1000;
 
   border: 7px solid #999;
   border: 7px solid rgba(0, 0, 0, 0.3); 
@@ -32,7 +29,6 @@
   overflow: hidden;
   padding: 1em;
   
-  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f7f7f7', endColorstr='#ffffff');
   background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ffffff));
   background: -moz-linear-gradient(top, #f7f7f7, #ffffff);
 }
@@ -53,8 +49,10 @@
 }
 
 #gollum-dialog-dialog-body fieldset {
+  display: block;
   border: 0;
   margin: 0;
+  overflow: hidden;
   padding: 0;
 }
 

lib/gollum/frontend/public/javascript/gollum.dialog.js

@@ -83,6 +83,7 @@
                'class="minibutton">OK</a>' +
                '</div>' +
                '</div>' + 
+               '</div>' + 
                '</div>';
      },
    
@@ -110,12 +111,17 @@
      },
 
      hide: function() {
+       if ( $.browser.msie ) {
+         $('#gollum-dialog-dialog').hide().removeClass('active');
+         $('select').css('visibility', 'visible'); 
+       } else {
          $('#gollum-dialog-dialog').animate({ opacity: 0 }, {
             duration: 200,
             complete: function() {
               $('#gollum-dialog-dialog').removeClass('active');
             }
           });
+        }
      },
    
      init: function( argObject ) {
@@ -159,10 +165,16 @@
          debug('Dialog: No markup to show. Please use init first.');
        } else {
          debug('Showing dialog');
+          if ( $.browser.msie ) {
+            $('#gollum-dialog.dialog').addClass('active');
+            Dialog.position();
+            $('select').css('visibility', 'hidden'); 
+          } else {
+            $('#gollum-dialog.dialog').css('display', 'none');
             $('#gollum-dialog-dialog').animate({ opacity: 0 }, {
-            duration: 1,
+              duration: 0,
               complete: function() {
-              $('#gollum-dialog-dialog').addClass('active');
+                $('#gollum-dialog-dialog').css('display', 'block');
                 Dialog.position(); // position this thing
                 $('#gollum-dialog-dialog').animate({ opacity: 1 }, {
                   duration: 500
@@ -170,6 +182,7 @@
               }
             });
           }
+       }
      },
    
      position: function() {
@@ -183,8 +196,7 @@
   
   var debug = function(m) {
     if ( Dialog.debugOn
-         && typeof console != 'undefined'
+         && typeof console != 'undefined' ) {
-         && typeof console.log == 'function' ) {
       console.log( m );
     }
   };