Revert "Revert "Improved centering of redbox""

This reverts commit 3c78254. Without this, certain IMP redbox items are unreadable
horde · Apr 2, 2014 · 318e30b · 318e30b
1 parent 9a61b9e
commit 318e30b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/framework/Core/js/redbox.js b/framework/Core/js/redbox.js
@@ -123,9 +123,15 @@ var RedBox = {
     setWindowPosition: function()
     {
         var win = $('RB_window'),
-            d = win.getDimensions(),
-            v = document.viewport.getDimensions();
-        win.setStyle({ width: 'auto', height: 'auto', left: ((v.width - d.width) / 2) + 'px', top: ((v.height - d.height) / 2) + 'px' });
+            d = win.getDimensions();
+
+        win.setStyle({
+            left: '50%',
+            marginLeft: '-' + (d.width / 2) + 'px',
+            marginTop: '-' + (d.height / 2) + 'px',
+            position: 'absolute',
+            "top": '50%'
+        });
     },
 
     cloneWindowContents: function(id)

diff --git a/horde/themes/default/screen.css b/horde/themes/default/screen.css
@@ -1003,10 +1003,8 @@ ul.sound-list {
 #RB_window {
     z-index: 102;
     background-color: #fff;
-    display: block;
     text-align: left;
-    margin: 20px auto 0 auto;
-    position: absolute;
+    max-width: 50%;
 }
 #RB_window p, #RB_window ul {
     margin-bottom: 3px;