Radio content now animates too!

janfaracik · Nov 5, 2021 · 5876c38 · 5876c38
1 parent 9973c71
commit 5876c38
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/war/src/main/less/base/style.less b/war/src/main/less/base/style.less
@@ -1180,6 +1180,7 @@ div.to-be-removed { display: none; }
   position: relative;
   margin-top: 10px;
   padding-left: 32px;
+  transition: var(--standard-transition);
 
   &::after {
     content: "";
@@ -1194,6 +1195,13 @@ div.to-be-removed { display: none; }
   }
 }
 
+.form-container--hidden {
+  visibility: hidden!important;
+  margin-top: 0!important;
+  opacity: 0!important;
+  max-height: 0!important;
+}
+
 .row-set-end { display: none; }
 
 /* ========================= resizable text area ========================= */

diff --git a/war/src/main/webapp/scripts/hudson-behavior.js b/war/src/main/webapp/scripts/hudson-behavior.js
@@ -916,13 +916,17 @@ function makeInnerVisible(b) {
 }
 
 function updateVisibility() {
-    var display = (this.outerVisible && this.innerVisible) ? "" : "none";
+    var display = (this.outerVisible && this.innerVisible);
     for (var e=this.start; e!=this.end; e=$(e).next()) {
         if (e.rowVisibilityGroup && e!=this.start) {
             e.rowVisibilityGroup.makeOuterVisible(this.innerVisible);
             e = e.rowVisibilityGroup.end; // the above call updates visibility up to e.rowVisibilityGroup.end inclusive
         } else {
-            e.style.display = display;
+            if (display) {
+                e.classList.remove("form-container--hidden")
+            } else {
+                e.classList.add("form-container--hidden")
+            }
         }
     }
     layoutUpdateCallback.call();