Format

Author: janfaracik

.stylelintrc.js

@@ -17,5 +17,6 @@ module.exports = {
     "number-max-precision": 5,
     "no-duplicate-selectors": null,
     "hue-degree-notation": "number",
+    "scss/operator-no-newline-after": null,
   },
 };

src/main/js/components/dialogs/index.js

@@ -40,7 +40,9 @@ Dialog.prototype.init = function () {
   document.body.appendChild(this.dialog);
 
   // Append title element
-  const title = createElementFromHtml(`<div class='jenkins-dialog__title'><span></span></div>`);
+  const title = createElementFromHtml(
+    `<div class='jenkins-dialog__title'><span></span></div>`,
+  );
   this.dialog.appendChild(title);
   title.querySelector("span").innerText = this.options.title;
 

src/main/scss/components/_app-bar.scss

@@ -130,10 +130,11 @@
 
   position: sticky;
   height: calc(
-    2.375rem + (var(--bottom-app-bar-padding) * 2) + 1px + var(--jenkins-border-width)
+    2.375rem + (var(--bottom-app-bar-padding) * 2) + 1px +
+      var(--jenkins-border-width)
   );
   bottom: -1px;
-  margin-bottom: calc((2.375rem + calc(var(--bottom-app-bar-padding) * 2)) * -1);
+  margin-bottom: calc((2.375rem + var(--bottom-app-bar-padding)) * -1);
   border-top: var(--jenkins-border-width) solid var(--jenkins-border-color);
   z-index: 997;
 
@@ -161,6 +162,12 @@
     border-top-color: transparent;
   }
 
+  &--borderless {
+    margin-top: calc(
+      (var(--bottom-app-bar-padding) + var(--jenkins-border-width)) * -1
+    );
+  }
+
   &--stuck {
     &::before {
       content: "";

src/main/scss/components/_dialogs.scss

@@ -14,6 +14,7 @@ $jenkins-dialog-padding: 1.25rem;
   padding: 0;
   display: flex;
   flex-direction: column;
+
   // Thin highlight for dark themes to differentiate the dialog from its backdrop
   outline: 1px solid rgb(255 255 255 / 0.05);
 
@@ -102,6 +103,12 @@ $jenkins-dialog-padding: 1.25rem;
       animation: jenkins-dialog-backdrop-animate-out 0.1s linear;
     }
   }
+
+  .jenkins-bottom-app-bar__shadow {
+    margin-bottom: calc(
+      (2.375rem + calc(var(--bottom-app-bar-padding) * 2)) * -1
+    );
+  }
 }
 
 @keyframes jenkins-dialog-backdrop-animate-in {

war/src/main/webapp/scripts/hudson-behavior.js

@@ -1762,8 +1762,12 @@ function rowvgStartEachRow(recursive, f) {
     },
   );
 
-    // Add a class to the bottom bar when it's stuck to the bottom of the screen
-    Behaviour.specify(".jenkins-bottom-app-bar__shadow", "jenkins-bottom-app-bar__shadow", 0, function (el) {
+  // Add a class to the bottom bar when it's stuck to the bottom of the screen
+  Behaviour.specify(
+    ".jenkins-bottom-app-bar__shadow",
+    "jenkins-bottom-app-bar__shadow",
+    0,
+    function (el) {
       const dialog = el.closest("dialog");
 
       const observer = new IntersectionObserver(
@@ -1779,7 +1783,8 @@ function rowvgStartEachRow(recursive, f) {
       );
 
       observer.observe(el);
-    });
+    },
+  );
 
   /**
    * Function that provides compatibility to the checkboxes without title on an f:entry