Even out spacing, rough fix for dropdowns

janfaracik · Nov 30, 2021 · 19a04e8 · 19a04e8
1 parent 7234009
commit 19a04e8
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 10 deletions.
diff --git a/core/src/main/resources/jenkins/model/Jenkins/manage.jelly b/core/src/main/resources/jenkins/model/Jenkins/manage.jelly
@@ -49,7 +49,7 @@ THE SOFTWARE.
       </section>
 
       <j:forEach var="category" items="${it.categorizedManagementLinks.entrySet()}">
-        <section class="jenkins-section">
+        <section class="jenkins-section jenkins-section--bottom-padding">
           <h2 class="jenkins-section__title">${category.key.label}</h2>
           ${taskTags!=null and attrs.contextMenu!='false' ? taskTags.addHeader(category.key.label) : null}
           <div class="jenkins-section__items">

diff --git a/war/src/main/less/base/style.less b/war/src/main/less/base/style.less
@@ -1125,6 +1125,7 @@ table.fingerprint-in-build td {
   padding-left: 32px;
   transition: var(--standard-transition);
   margin-top: 0.66rem;
+  overflow: hidden;
 
   &::after {
     content: "";
@@ -1143,12 +1144,16 @@ table.fingerprint-in-build td {
   }
 }
 
+.dropdownList-container {
+  margin-bottom: 1.75rem;
+}
+
 .form-container--hidden {
-  visibility: hidden!important;
-  margin-top: 0!important;
-  opacity: 0!important;
-  max-height: 0!important;
-  height: 0!important;
+  visibility: hidden !important;
+  margin: 0 !important;
+  opacity: 0 !important;
+  max-height: 0 !important;
+  height: 0 !important;
   overflow: hidden;
 }
 

diff --git a/war/src/main/less/modules/section.less b/war/src/main/less/modules/section.less
@@ -1,10 +1,10 @@
 :root {
-  --section-padding: 2rem;
+  --section-padding: 1.75rem;
 }
 
 .jenkins-section {
   border-top: 2px solid var(--panel-border-color);
-  padding: var(--section-padding) 0;
+  padding: var(--section-padding) 0 0 0;
   max-width: 1800px;
 
   &:first-of-type {
@@ -20,8 +20,8 @@
     display: none;
   }
 
-  .jenkins-form-item:last-of-type {
-    margin-bottom: 0;
+  &--bottom-padding {
+    padding-bottom: var(--section-padding);
   }
 }