Make iframe headers fixed; don't jump to top when switching tabs

2 files changed, 10 insertions, 2 deletions

diff --git a/skins/default/common.css b/skins/default/common.css
index 8d9777abb..3af18d124 100644
--- a/skins/default/common.css
+++ b/skins/default/common.css
@@ -9,7 +9,7 @@ body
 
 body.iframe
 {
-  margin: 0px;
+  margin: 20px 0 0 0;
   background-color: #FFF;
 }
 
@@ -274,6 +274,14 @@ img
   float: right;
 }
 
+body.iframe .boxtitle
+{
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
 .boxcontent
 {
   padding: 15px 10px 10px 10px;
diff --git a/skins/default/functions.js b/skins/default/functions.js
index d26097f9c..349782627 100644
--- a/skins/default/functions.js
+++ b/skins/default/functions.js
@@ -46,7 +46,7 @@ function rcube_init_tabs(id, current)
     // create a tab
     a   = $('<a>').text(legend.text()).attr('href', '#');
     tab = $('<span>').attr({'id': 'tab'+idx, 'class': 'tablink'})
-        .click(function() { return rcube_show_tab(id, idx); })
+        .click(function() { rcube_show_tab(id, idx); return false })
 
     // remove legend
     legend.remove();