@ rossco:
this mods (on 2.1 rc1) seems to fix the issue with dragging in firefox and we get seperate scrolling for the tree and content which comes very handy.
file /manager/assets/modext/core/modx.layout.js:
change:
Ext.applyIf(config,{
layout: 'border'
,id: 'modx-layout'
,items: [{
region: 'west'
,applyTo: 'modx-leftbar'
,id: 'modx-leftbar-tabs'
,split: true
,width: 310
,minSize: 150
,maxSize: 800
,autoHeight: true
,unstyled: true
,collapseMode: 'mini'
,useSplitTips: true
,monitorResize: true
,forceLayout: true
,stateful: false
to
Ext.applyIf(config,{
layout: 'border'
,id: 'modx-layout'
,items: [{
xtype: 'box',
region: 'north',
applyTo: 'modx-header',
height: 90
},{
region: 'west'
,applyTo: 'modx-leftbar'
,id: 'modx-leftbar-tabs'
,split: true
,width: 310
,minSize: 150
,maxSize: 800
,autoScroll: true
,unstyled: true
,collapseMode: 'mini'
,useSplitTips: true
,monitorResize: true
,forceLayout: true
,stateful: false
and
region: 'center'
,applyTo: 'modx-content'
,id: 'modx-content'
,border: false
,autoHeight: true
,margins: '0 30 0 15'
,bodyStyle: 'background-color:transparent;'
to:
region: 'center'
,applyTo: 'modx-content'
,id: 'modx-content'
,border: false
,autoScroll: true
,margins: '0 0 0 15'
,bodyStyle: 'background-color:transparent;'
in file /manager/templates/default/header.tpl
change:
<div id="modx-container">
<div id="modx-topbar">
<div id="modx-logo"><a href="http://modxcms.com" onclick="window.open(this.href); return false;"><img src="templates/{$_config.manager_theme}/images/style/modx_logo_header.png" alt="" /></a></div>
<div id="modx-site-name">
{$_config.site_name}
<span class="modx-version">MODX Revolution {$_config.settings_version} ({$_config.settings_distro})</span>
</div>
</div>
<div id="modx-navbar">
<div id="rightlogin">
<span>
<a class="modx-logout" href="javascript:;" onclick="MODx.logout();">{$_lang.logout}</a>
<a id="modx-login-user" href="?a={$profileAction}">{$username}</a>
</span>
</div>
{include file="navbar.tpl"}
</div>
<div id="modx-mainpanel">
<div id="modAB"></div>
to:
<div id="modx-container">
<div id="modx-mainpanel">
<div id="modx-header">
<div id="modx-topbar">
<div id="modx-logo"><a href="http://modxcms.com" onclick="window.open(this.href); return false;"><img src="templates/{$_config.manager_theme}/images/style/modx_logo_header.png" alt="" /></a></div>
<div id="modx-site-name">
{$_config.site_name}
<span class="modx-version">MODX Revolution {$_config.settings_version} ({$_config.settings_distro})</span>
</div>
</div>
<div id="modx-navbar">
<div id="rightlogin">
<span>
<a class="modx-logout" href="javascript:;" onclick="MODx.logout();">{$_lang.logout}</a>
<a id="modx-login-user" href="?a={$profileAction}">{$username}</a>
</span>
</div>
{include file="navbar.tpl"}
</div>
</div>
<div id="modAB"></div>
if this fix is working for you and someone assists me how to make a proper commit to my fork and a pull-request for that I will do that on github, when others find that are usefull changes.
[Edit]
bääh, chrome renders the container some pixels to wide and to hight and adds unwanted scrollbars now
perhaps we can change manager/templates/default/css/index.css
.x-viewport, .x-viewport body {
overflow:auto;
}
to
.x-viewport {
overflow:auto;
}