Styling Fixes (#648)

* Styling Fixes

* Styling Fixes

* Styling Fixes

css/global.css

@@ -133,4 +133,23 @@ li.linux64{
 
 td.collapsible{
 	cursor: pointer;
+	background-color: transparent !important;
+}
+
+.collapsible.collapsed {
+	padding: 10px;
+}
+
+.collapsible.expanded {
+	padding: 10px;
+}
+
+tr:has(> .collapsible.expanded) {
+	background: url('../images/tablesorter_collapse.png') no-repeat 0% 0% !important;
+	cursor: pointer;
+}
+
+tr:has(> .collapsible.collapsed) {
+	background: url('../images/tablesorter_expand.png') no-repeat 0% 0%;
+	cursor: pointer;
 }

js/jquery/plugins/jquery.tablesorter.collapsible.js

@@ -36,6 +36,9 @@
 						$tr = $self.parent(), 
 						$trc = $tr.next(), 
 						bIsCollapsed = $self.hasClass(settings.classExpand);
+						
+					var otherTds = $tr.find('td.collapsible');
+					
 					// change the css class
 					$self[bIsCollapsed ? "removeClass" : "addClass"](settings.classExpand)[!bIsCollapsed ? "removeClass" : "addClass"](settings.classCollapse);
 					while( $trc.hasClass(settings.classChildRow) ){
@@ -44,6 +47,12 @@
 						// get the next row
 						$trc = $trc.next();
 					}
+					
+					$(otherTds).each(function(e){
+						if(!$(this).is($self)){
+							$(this)[bIsCollapsed ? "removeClass" : "addClass"](settings.classExpand)[!bIsCollapsed ? "removeClass" : "addClass"](settings.classCollapse);
+						}
+					}); 
 					return false;
 				});
 			

modules/ftp/ftp_admin.css

@@ -1,11 +1 @@
-.collapsible.collapsed {
-	padding: 10px;
-	background: url('../../images/tablesorter_expand.png') no-repeat center center;
-	cursor: pointer;
-}
 
-.collapsible.expanded {
-	padding: 10px;
-	background: url('../../images/tablesorter_collapse.png') no-repeat center center;
-	cursor: pointer;
-}