mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-22 14:41:29 +01:00
Make active header fixed inside sidebox while scrolling
This commit is contained in:
parent
bec4eb8cf1
commit
8d7ec84a80
@ -840,8 +840,6 @@ function egw_fw_ui_scrollarea(_contDiv)
|
||||
this.buttonsVisible = true;
|
||||
this.mouseOver = false;
|
||||
this.scrollTime = 0.0;
|
||||
this.btnUpEnabled = true;
|
||||
this.btnDownEnabled = true;
|
||||
|
||||
//Wrap a new "scroll" div around the content of the content div
|
||||
this.scrollDiv = document.createElement("div");
|
||||
@ -927,38 +925,25 @@ function egw_fw_ui_scrollarea(_contDiv)
|
||||
|
||||
egw_fw_ui_scrollarea.prototype.setScrollPos = function(_pos)
|
||||
{
|
||||
var $activeHeader = jQuery('.egw_fw_ui_sidemenu_entry_header_active');
|
||||
if (this.buttonsVisible)
|
||||
{
|
||||
if (_pos <= 0)
|
||||
{
|
||||
if (this.btnUpEnabled)
|
||||
jQuery(this.btnUp).addClass("egw_fw_ui_scrollarea_button_disabled");
|
||||
if (!this.btnDownEnabled)
|
||||
jQuery(this.btnDown).removeClass("egw_fw_ui_scrollarea_button_disabled");
|
||||
this.btnDownEnabled = true;
|
||||
this.btnUpEnabled = false;
|
||||
|
||||
if (window.framework) jQuery(framework.sidemenuDiv).removeClass("egw_fw_ui_scrollarea_enabled");
|
||||
_pos = 0;
|
||||
}
|
||||
else if (_pos >= this.maxScrollPos)
|
||||
{
|
||||
if (this.btnDownEnabled)
|
||||
jQuery(this.btnDown).addClass("egw_fw_ui_scrollarea_button_disabled");
|
||||
if (!this.btnUpEnabled)
|
||||
jQuery(this.btnUp).removeClass("egw_fw_ui_scrollarea_button_disabled");
|
||||
this.btnDownEnabled = false;
|
||||
this.btnUpEnabled = true;
|
||||
|
||||
_pos = this.maxScrollPos;
|
||||
}
|
||||
else
|
||||
{
|
||||
if (!this.btnUpEnabled)
|
||||
jQuery(this.btnUp).removeClass("egw_fw_ui_scrollarea_button_disabled");
|
||||
if (!this.btnDownEnabled)
|
||||
jQuery(this.btnDown).removeClass("egw_fw_ui_scrollarea_button_disabled");
|
||||
this.btnUpEnabled = true;
|
||||
this.btnDownEnabled = true;
|
||||
if (egw.preference('toggleSidebar',framework.activeApp.appName) != 'on')
|
||||
{
|
||||
$activeHeader.width($activeHeader.width());
|
||||
if (window.framework) jQuery(framework.sidemenuDiv).addClass("egw_fw_ui_scrollarea_enabled");
|
||||
}
|
||||
}
|
||||
|
||||
this.scrollPos = _pos;
|
||||
|
@ -4862,6 +4862,7 @@ td.message span.message {
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
z-index: 2;
|
||||
display: none !important;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
|
||||
.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover {
|
||||
@ -4870,6 +4871,18 @@ td.message span.message {
|
||||
.egw_fw_ui_scrollarea_button_disabled {
|
||||
display: none !important;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled {
|
||||
top: 7px !important;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled #egw_fw_toggler {
|
||||
top: 1px;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled .egw_fw_ui_sidemenu_entry_header_active {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
background: white;
|
||||
z-index: 1;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up,
|
||||
.egw_fw_ui_scrollarea_button_down {
|
||||
height: 14px;
|
||||
|
@ -4851,6 +4851,7 @@ td.message span.message {
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
z-index: 2;
|
||||
display: none !important;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
|
||||
.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover {
|
||||
@ -4859,6 +4860,18 @@ td.message span.message {
|
||||
.egw_fw_ui_scrollarea_button_disabled {
|
||||
display: none !important;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled {
|
||||
top: 7px !important;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled #egw_fw_toggler {
|
||||
top: 1px;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled .egw_fw_ui_sidemenu_entry_header_active {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
background: white;
|
||||
z-index: 1;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up,
|
||||
.egw_fw_ui_scrollarea_button_down {
|
||||
height: 14px;
|
||||
|
@ -4862,6 +4862,7 @@ td.message span.message {
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
z-index: 2;
|
||||
display: none !important;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
|
||||
.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover {
|
||||
@ -4870,6 +4871,18 @@ td.message span.message {
|
||||
.egw_fw_ui_scrollarea_button_disabled {
|
||||
display: none !important;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled {
|
||||
top: 7px !important;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled #egw_fw_toggler {
|
||||
top: 1px;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled .egw_fw_ui_sidemenu_entry_header_active {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
background: white;
|
||||
z-index: 1;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up,
|
||||
.egw_fw_ui_scrollarea_button_down {
|
||||
height: 14px;
|
||||
|
@ -37,6 +37,7 @@
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
z-index: 2;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
|
||||
@ -50,6 +51,17 @@
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled {
|
||||
top: 7px !important;
|
||||
#egw_fw_toggler {top:1px;}
|
||||
.egw_fw_ui_sidemenu_entry_header_active {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
background: white;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.egw_fw_ui_scrollarea_button_up, .egw_fw_ui_scrollarea_button_down
|
||||
{
|
||||
height: 14px;
|
||||
|
@ -4873,6 +4873,7 @@ td.message span.message {
|
||||
width: 100%;
|
||||
height: 12px;
|
||||
z-index: 2;
|
||||
display: none !important;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up.egw_fw_ui_scrollarea_button_hover,
|
||||
.egw_fw_ui_scrollarea_button_down.egw_fw_ui_scrollarea_button_hover {
|
||||
@ -4881,6 +4882,18 @@ td.message span.message {
|
||||
.egw_fw_ui_scrollarea_button_disabled {
|
||||
display: none !important;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled {
|
||||
top: 7px !important;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled #egw_fw_toggler {
|
||||
top: 1px;
|
||||
}
|
||||
#egw_fw_sidemenu.egw_fw_ui_scrollarea_enabled .egw_fw_ui_sidemenu_entry_header_active {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
background: white;
|
||||
z-index: 1;
|
||||
}
|
||||
.egw_fw_ui_scrollarea_button_up,
|
||||
.egw_fw_ui_scrollarea_button_down {
|
||||
height: 14px;
|
||||
|
Loading…
Reference in New Issue
Block a user