incubator-xap-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From mtu...@apache.org
Subject svn commit: r530914 - in /incubator/xap/trunk/codebase: css/xapDefault.css src/xap/widgets/dojo/TreeTable.js
Date Fri, 20 Apr 2007 20:52:09 GMT
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){



Mime
View raw message