diff --git a/skins/elastic/templates/compose.html b/skins/elastic/templates/compose.html
index 8a0976e41..e37ab50bd 100644
--- a/skins/elastic/templates/compose.html
+++ b/skins/elastic/templates/compose.html
@@ -118,7 +118,7 @@
-
+
diff --git a/skins/elastic/ui.js b/skins/elastic/ui.js
index ba9140548..b93cd02c0 100644
--- a/skins/elastic/ui.js
+++ b/skins/elastic/ui.js
@@ -110,7 +110,7 @@ function rcube_elastic_ui()
buttons.menu.on('click', function() { show_menu(); return false; });
buttons.back_sidebar.on('click', function() { show_sidebar(); return false; });
buttons.back_list.on('click', function() { show_list(); return false; });
- buttons.back_content.on('click', function() { show_content(); return false; });
+ buttons.back_content.on('click', function() { show_content(true); return false; });
$('body').on('click', function() { if (mode == 'phone') layout.menu.addClass('hidden'); });
@@ -886,9 +886,8 @@ function rcube_elastic_ui()
};
/**
- * Sets left and right margin to the header title element
- * to make it properly centered depending on number of buttons
- * on both sides
+ * Sets left and right margin to the header title element to make it
+ * properly centered depending on the number of buttons on both sides
*/
function screen_resize_headers()
{
@@ -946,11 +945,11 @@ function rcube_elastic_ui()
var show;
if (layout.list.length) {
- show = layout.list.is(env.last_selected) || !layout.sidebar.is(env.last_selected);
+ show = layout.list.is(env.last_selected) || (!layout.sidebar.is(env.last_selected) && !layout.sidebar.is('.layout-sticky'));
layout.list[show ? 'removeClass' : 'addClass']('hidden');
}
if (layout.sidebar.length) {
- show = !layout.list.length || layout.sidebar.is(env.last_selected);
+ show = !layout.list.length || layout.sidebar.is(env.last_selected) || layout.sidebar.is('.layout-sticky');
layout.sidebar[show ? 'removeClass' : 'addClass']('hidden');
}
@@ -1010,22 +1009,31 @@ function rcube_elastic_ui()
rcmail.enable_command('extwin', true);
};
- function show_content()
+ function show_content(unsticky)
{
// show sidebar and hide list
layout.list.addClass('hidden');
layout.sidebar.addClass('hidden');
layout.content.removeClass('hidden');
+ if (unsticky) {
+ layout.sidebar.removeClass('layout-sticky');
+ }
+
screen_resize_headers();
+ env.last_selected = layout.content[0];
};
- function show_sidebar()
+ function show_sidebar(sticky)
{
// show sidebar and hide list
layout.list.addClass('hidden');
layout.sidebar.removeClass('hidden');
+ if (sticky) {
+ layout.sidebar.addClass('layout-sticky');
+ }
+
if (mode == 'small' || mode == 'phone') {
layout.content.addClass('hidden');
}
@@ -1040,7 +1048,7 @@ function rcube_elastic_ui()
}
else {
// show list and hide sidebar and content
- layout.sidebar.addClass('hidden');
+ layout.sidebar.addClass('hidden').removeClass('layout-sticky');
layout.list.removeClass('hidden');
if (mode == 'small' || mode == 'phone') {
@@ -1058,7 +1066,6 @@ function rcube_elastic_ui()
function hide_content()
{
// show sidebar or list, hide content frame
- //$(layout.content).addClass('hidden');
env.last_selected = layout.list[0] || layout.sidebar[0];
screen_resize();