alternate stylesheet for jtageditor

diff --git a/layout/jtageditor_blue.css b/layout/jtageditor_blue.css
index 08f28c039096bfdf2f6f6d28296adc3781431018..371ebb426990d50ef72ad81e99fcd2e1d434ce69 100644 (file)
--- a/layout/jtageditor_blue.css
+++ b/layout/jtageditor_blue.css
@@ -112,7 +112,8 @@ table.fields {
   border-collapse:collapse;
   border:hidden;
   cursor:default;
-
+  max-height:none;
+  transition: max-height .4s;
 }
 
 table.fields td {

diff --git a/tools/jtageditor.pl b/tools/jtageditor.pl
index 43d7ffedf21f862acb8c49018db27cd7985adafc..21827b26d5c47e4323293491a97be14c9c0aed60 100755 (executable)
--- a/tools/jtageditor.pl
+++ b/tools/jtageditor.pl
@@ -740,10 +740,12 @@ function toggleVis(elementId,t) {
 if(document.getElementById(elementId)){
 if( document.getElementById(elementId).style.visibility == "visible") {
   document.getElementById(elementId).style.visibility = "collapse";
+  document.getElementById(elementId).style.maxHeight = "0px";
   visHash[elementId]=false;
   t.innerHTML = " + ";
 } else {
   document.getElementById(elementId).style.visibility = "visible" ;
+  document.getElementById(elementId).style.maxHeight = "none";
   visHash[elementId]=true;
   t.innerHTML = " − ";
 }
@@ -752,18 +754,21 @@ if( document.getElementById(elementId).style.visibility == "visible") {
 function showElement(elementId) {
   if(document.getElementById(elementId)){
   document.getElementById(elementId).style.visibility = "visible" ;
+  document.getElementById(elementId).style.maxHeight = "none";
   visHash[elementId]=true;
   }
 }
 function hideElement(elementId) {
   if(document.getElementById(elementId)){
   document.getElementById(elementId).style.visibility = "hidden" ;
+  document.getElementById(elementId).style.maxHeight = "0px";
   visHash[elementId]=false;
   }
 }
 function collapseElement(elementId) {
   if(document.getElementById(elementId)){
   document.getElementById(elementId).style.visibility = "collapse" ;
+  document.getElementById(elementId).style.maxHeight = "0px";
   visHash[elementId]=false;
   }
 }