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

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

View File

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

View File

@ -138,11 +138,19 @@ window.onresize = function(init) {
if(typeof fitToParent == 'function') fitToParent('right', 12);
if( $('left') && $('separator') && right )
$('left').style.height = $('separator').style.height = right.style.height;
if( $('left') && $('separator') && right ) {
// #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) {
var newHeight = (parseInt(right.style.height) / 3);
var newHeight = rightH / 3;
right.style.height = (newHeight*2) + 'px';
rightbottom.style.height = newHeight + 'px';
rightbottom.style.display = '';