From 5876c3800a53393396fb1631402bf055b4872e26 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Fri, 5 Nov 2021 20:03:33 +0000
Subject: [PATCH] Radio content now animates too!

---
 war/src/main/less/base/style.less              | 8 ++++++++
 war/src/main/webapp/scripts/hudson-behavior.js | 8 ++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/war/src/main/less/base/style.less b/war/src/main/less/base/style.less
index c4c837e6c92d..15cf4889fc46 100644
--- 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
index f805f83fc06b..594ef8e8326a 100644
--- 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();