alternate stylesheet for jtageditor

diff --git a/layout/jtageditor.css b/layout/jtageditor.css
index dd5b8e0d949ff8f6f2a9a837c1b62dfccba74660..d56ed72e4e57b8e127ab2eb6c62b87c15b55a615 100644 (file)
--- a/layout/jtageditor.css
+++ b/layout/jtageditor.css
@@ -166,7 +166,7 @@ table.fields td.button_move_deac {
   font-variant:small-caps;
 }
 
-.bitfield {
+.bitfield, .visiblebitfield {
   background:#dea;
   visibility:collapse;
 }

diff --git a/layout/jtageditor_blue.css b/layout/jtageditor_blue.css
index c51a8a4d2852625667816d69d858a5b11f3298b0..6ae807652f8a1d3c2890c88c52b7df3563083b87 100644 (file)
--- a/layout/jtageditor_blue.css
+++ b/layout/jtageditor_blue.css
@@ -166,10 +166,17 @@ table.fields td.button_move_deac {
   font-variant:small-caps;
 }
 
-.bitfield {
+.bitfield, .visiblebitfield {
   background:#dea;
   visibility:collapse;
-  max-height:auto;
+  max-height:0px;
+  transition: all .4s;  
+}
+
+.visiblebitfield {
+  background:#dea;
+  visibility:visible;
+  max-height:600px;
   transition: all .4s;  
 }
 

diff --git a/tools/jtageditor.pl b/tools/jtageditor.pl
index 08e83619efa252c32f45d21320891d343223b167..9872ee8ff509f02a71bdaf72ef4eb113a37dc878 100755 (executable)
--- a/tools/jtageditor.pl
+++ b/tools/jtageditor.pl
@@ -740,12 +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.height = "0px";
+  document.getElementById(elementId).style.class = "bitfield";
   visHash[elementId]=false;
   t.innerHTML = " + ";
 } else {
   document.getElementById(elementId).style.visibility = "visible" ;
-  document.getElementById(elementId).style.height = "auto";
+  document.getElementById(elementId).style.class = "visiblebitfield";
   visHash[elementId]=true;
   t.innerHTML = " − ";
 }
@@ -754,21 +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.height = "auto";
+  document.getElementById(elementId).class = "visiblebitfield";
   visHash[elementId]=true;
   }
 }
 function hideElement(elementId) {
   if(document.getElementById(elementId)){
   document.getElementById(elementId).style.visibility = "hidden" ;
-  document.getElementById(elementId).style.height = "0px";
+  document.getElementById(elementId).class = "bitfield";
   visHash[elementId]=false;
   }
 }
 function collapseElement(elementId) {
   if(document.getElementById(elementId)){
   document.getElementById(elementId).style.visibility = "collapse" ;
-  document.getElementById(elementId).style.height = "0px";
+  document.getElementById(elementId).class = "bitfield";
   visHash[elementId]=false;
   }
 }