Move bottom app bar styling

janfaracik · Jan 6, 2025 · 89e3417 · 89e3417
1 parent 1ae4da3
commit 89e3417
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 56 deletions.
diff --git a/src/main/scss/base/_style.scss b/src/main/scss/base/_style.scss
@@ -287,60 +287,6 @@ pre.console {
   z-index: 998; /* behind top-sticker */
 }
 
-.bottom-sticker-inner {
-  position: relative;
-  padding: 1em var(--section-padding);
-  z-index: 0;
-
-  &::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: var(--background);
-    opacity: 0;
-    z-index: -1;
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    top: -30px;
-    left: 0;
-    right: 0;
-    background: linear-gradient(rgba(black, 0), rgba(#556, 0.075) 110%);
-    max-width: 100%;
-    height: 30px;
-    opacity: 0;
-    transition: var(--standard-transition);
-    mask-image: linear-gradient(
-      to right,
-      transparent,
-      white var(--section-padding),
-      white calc(100% - var(--section-padding)),
-      transparent
-    );
-    pointer-events: none;
-  }
-
-  &--stuck {
-    .bottom-sticker-inner {
-      backdrop-filter: blur(15px);
-
-      &::before {
-        opacity: 0.75 !important;
-
-        @supports not (backdrop-filter: blur(15px)) {
-          opacity: 1 !important;
-        }
-      }
-
-      &::after {
-        opacity: 1 !important;
-      }
-    }
-  }
-}
-
 .icon16x16 {
   width: 16px;
   height: 16px;

diff --git a/src/main/scss/components/_app-bar.scss b/src/main/scss/components/_app-bar.scss
@@ -109,3 +109,57 @@
     height: 2rem !important;
   }
 }
+
+.bottom-sticker-inner {
+  position: relative;
+  padding: 1em var(--section-padding);
+  z-index: 0;
+
+  &::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: var(--background);
+    opacity: 0;
+    z-index: -1;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: -30px;
+    left: 0;
+    right: 0;
+    background: linear-gradient(transparent, rgba(#556, 0.075) 110%);
+    max-width: 100%;
+    height: 30px;
+    opacity: 0;
+    transition: var(--standard-transition);
+    mask-image: linear-gradient(
+                    to right,
+                    transparent,
+                    white var(--section-padding),
+                    white calc(100% - var(--section-padding)),
+                    transparent
+    );
+    pointer-events: none;
+  }
+
+  &--stuck {
+    .bottom-sticker-inner {
+      backdrop-filter: blur(15px);
+
+      &::before {
+        opacity: 0.75 !important;
+
+        @supports not (backdrop-filter: blur(15px)) {
+          opacity: 1 !important;
+        }
+      }
+
+      &::after {
+        opacity: 1 !important;
+      }
+    }
+  }
+}
diff --git a/src/main/scss/components/_buttons.scss b/src/main/scss/components/_buttons.scss
@@ -170,12 +170,12 @@
 
   &--equal-width {
     .jenkins-button {
-      min-width: 5.625rem;
+      min-width: 6.5rem;
     }
   }
 
   &--equal-width {
-    min-width: 5.625rem;
+    min-width: 6.5rem;
   }
 
   @media (width <= 600px) {