You are viewing a plain text version of this content. The canonical link for it is here.
Posted to xap-commits@incubator.apache.org by mt...@apache.org on 2007/04/20 20:52:09 UTC
svn commit: r530914 - in /incubator/xap/trunk/codebase: css/xapDefault.css
src/xap/widgets/dojo/TreeTable.js
Author: mturyn
Date: Fri Apr 20 13:52:08 2007
New Revision: 530914
URL: http://svn.apache.org/viewvc?view=rev&rev=530914
Log:
Fixed styling, maybe for good: discovered how to make sizers transparent under IE6 ("background-color:transparent").
Modified:
incubator/xap/trunk/codebase/css/xapDefault.css
incubator/xap/trunk/codebase/src/xap/widgets/dojo/TreeTable.js
Modified: incubator/xap/trunk/codebase/css/xapDefault.css
URL: http://svn.apache.org/viewvc/incubator/xap/trunk/codebase/css/xapDefault.css?view=diff&rev=530914&r1=530913&r2=530914
==============================================================================
--- incubator/xap/trunk/codebase/css/xapDefault.css (original)
+++ incubator/xap/trunk/codebase/css/xapDefault.css Fri Apr 20 13:52:08 2007
@@ -245,13 +245,13 @@
.xapTableStationarySizers {
cursor: move;
cursor: w-resize;
- width: 0px ;
- background-color:white;
- border-right:1px ridge rgb(191,191,191);
- border-left: 1px ridge rgb(223,223,223);
- -moz-opacity: 0.4;
- opacity: 0.4;
- filter: Alpha(Opacity=40);
+ width: 3px ;
+ background-color: transparent;
+ border-right:0px solid white;
+ border-left: 0px solid white;
+ -moz-opacity: 0.01;
+ opacity: 0.01;
+ filter: alpha(opacity=1);
}
.xapTableMovingSizer {
Modified: incubator/xap/trunk/codebase/src/xap/widgets/dojo/TreeTable.js
URL: http://svn.apache.org/viewvc/incubator/xap/trunk/codebase/src/xap/widgets/dojo/TreeTable.js?view=diff&rev=530914&r1=530913&r2=530914
==============================================================================
--- incubator/xap/trunk/codebase/src/xap/widgets/dojo/TreeTable.js (original)
+++ incubator/xap/trunk/codebase/src/xap/widgets/dojo/TreeTable.js Fri Apr 20 13:52:08 2007
@@ -857,7 +857,7 @@
// things much simpler here:
_renewColumnSizers: function(){
- if(!this.headerDiv){
+ if( !this.headerDiv ){
return ;
}
@@ -912,7 +912,13 @@
splitterContainerStyle.zIndex = 0 ;
- var borderFudge = null ;
+ var borderFudge = null ;
+
+ var h = this.domNode.offsetHeight +"px" ;
+
+ var columnsSizer = this.columnsSizer ;
+ var sizers = columnsSizer.sizers ;
+
for (var ii = 0; ii<this.headerRow.childNodes.length; ++ii){
var node = this.headerRow.childNodes[ii] ;
var box = dojo.html.getMarginBox(node) ;
@@ -922,7 +928,6 @@
= box.width - dojo.html.getContentBox(node).width;
}
-
var widg = dojo.widget.createWidget("DivWrapper",box) ;
// This is the proportion of the entire split
// pane given over to this panel:
@@ -930,19 +935,26 @@
widg.sizeShare = box.width + borderFudge ;
- this.columnsSizer.addChild( widg ) ;
+ columnsSizer.addChild( widg ) ;
+
+ //restyle here to avoid showing the restyling on-screen later:
+ var aSizer
+ = sizers[sizers.length - 1] ;
+ if(aSizer){
+ aSizer.style.visibility="hidden" ;
+ aSizer.style.height = h ;
+ dojo.html.removeClass(aSizer, "dojoSplitContainerSizerH") ;
+ dojo.html.addClass(aSizer, "xapTableStationarySizers") ;
+ aSizer.style.visibility="visible" ;
+ aSizer.style.opacity = 0.0 ;
+// aSizer.style.backgroundColor="" ;
+ aSizer._xapReformatted = true ;
+ }
}
this.columnsSizer.postCreate() ;
- var sizerDivs = this.columnsSizer.sizers ;
- var h = this.domNode.offsetHeight ;
- for( var kk=0; kk < sizerDivs.length ; ++kk ){
- aSizer = sizerDivs[kk] ;
- aSizer.style.height = h ;
- dojo.html.removeClass(aSizer, "dojoSplitContainerSizerH") ;
- dojo.html.addClass(aSizer, "xapTableStationarySizers") ;
- aSizer.style.visibility="visible" ;
- }
+
+
//this.columnsSizer._layoutPanels();
this._hideSplitterPanelsAndShowSizers(0) ;
@@ -1002,7 +1014,7 @@
var h = this.domNode.offsetHeight +"px" ;
var aSizer = null ;
- // Now we know the true sizer-width:
+ // Now we'll be able to know the true sizer-width:
if( aSizer != null ){
var w = (dojo.html.getMarginBox(aSizer)).width ;
this._sizerWidth = w ;
@@ -1041,12 +1053,18 @@
var nSizers = this._columns.length - 1 ;
for(var ii=0; ii <= nSizers; ++ii){
var child = sizerHandles[ii] ;
- child.style.visibility = "visible" ;
- child.style.zIndex = 0 ;
+ var childStyle = child.style ;
+ childStyle.visibility = "visible" ;
+ childStyle.zIndex = 100 ;
+ if(dojo.render.html.ie60){
+ // Useless:
+ // childStyle.filter = "alpha(opacity=1)";
+ //childStyle.backgroundColor="transparent" ;
+ }
}
for(var kk=nSizers; kk < sizerHandles.length ; ++kk){
var child = sizerHandles[kk] ;
- child.style.visibility = "visible" ;
+ child.style.visibility = "hidden" ;
child.style.zIndex = 500 ;
}
for(var jj=0; jj < splitterPanes.length; ++jj){