tonyair/silverstripe-cms
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-cms synced 2024-10-22 08:05:56 +02:00
Code Issues Projects Releases Wiki Activity

elofgren: Use CSS padding and some JS hacks to make the AJAX action buttons fit at the bottom of the screen. Now that tabsets are no longer wrapped in a div (to reduce wasted space under tags), there was

Browse Source 
no extra space for them. See: http://support.silverstripe.com/gsoc/ticket/59 
(merged from branches/gsoc)


git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@42089 467b73ca-7a2a-4603-9d3b-597d59a354a9
This commit is contained in:
Ingo Schommer 2007-09-16 15:21:11 +00:00
parent 820587da4b
commit 25a6aefc9a
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/cms_right.css
View File

@ -397,7 +397,7 @@ input.loading {
border: 1px #AAA solid; border: 1px #AAA solid;
border-top: none; border-top: none;
position: relative; position: relative;
top: -3px; top: 0px;
margin: 0; margin: 0;
padding: 10px; padding: 10px;
/*width: 98%;*/ /*width: 98%;*/
@ -879,3 +879,9 @@ div.CommentFilter {
top: -15px; top: -15px;
left: 35px; left: 35px;
} }
/* Makes room for AJAX Action buttons */
#right {
padding-bottom: 20px;
/* HACK: any IE */
padding-bottom: expression('35px');
}

14
javascript/LeftAndMain.js
View File

@ -138,11 +138,19 @@ window.onresize = function(init) {
if(typeof fitToParent == 'function') fitToParent('right', 12); if(typeof fitToParent == 'function') fitToParent('right', 12);
if( $('left') && $('separator') && right ) if( $('left') && $('separator') && right ) {
$('left').style.height = $('separator').style.height = right.style.height; // #right has padding-bottom to make room for AJAX Action buttons so we need to add that
if (navigator.appName == "Microsoft Internet Explorer") {
var paddingBottomOffset = 35;
} else {
var paddingBottomOffset = 20;
}
var rightH = parseInt(right.style.height) + paddingBottomOffset;
$('left').style.height = $('separator').style.height = rightH + 'px';
}
if(rightbottom) { if(rightbottom) {
var newHeight = (parseInt(right.style.height) / 3); var newHeight = rightH / 3;
right.style.height = (newHeight*2) + 'px'; right.style.height = (newHeight*2) + 'px';
rightbottom.style.height = newHeight + 'px'; rightbottom.style.height = newHeight + 'px';
rightbottom.style.display = ''; rightbottom.style.display = '';