Apply NestingDepth (level 5) (pages/pipelines.scss)

app/assets/stylesheets/pages/pipelines.scss

@@ -93,14 +93,10 @@
         }
       }
 
-      .btn-group {
-        &.open {
-          .btn-default {
+      .btn-group.open .btn-default {
         background-color: $white-normal;
         border-color: $border-white-normal;
       }
-        }
-      }
 
       .btn .text-center {
         display: inline;
@@ -414,43 +410,33 @@
     &:last-child:not(.has-downstream) {
       .build {
         // Remove right connecting horizontal line from first build in last stage
-        &:first-child {
-          &::after {
+        &:first-child::after {
           border: 0;
         }
-        }
         // Remove right curved connectors from all builds in last stage
-        &:not(:first-child) {
-          &::after {
+        &:not(:first-child)::after {
           border: 0;
         }
-        }
         // Remove opposite curve
-        .curve {
-          &::before {
+        .curve::before {
           display: none;
         }
       }
     }
-    }
 
     // when upstream pipelines are present, the first stage isn't the first column
     &:first-child:not(.has-upstream) {
       .build {
         // Remove left curved connectors from all builds in first stage
-        &:not(:first-child) {
-          &::before {
+        &:not(:first-child)::before {
           border: 0;
         }
-        }
         // Remove opposite curve
-        .curve {
-          &::after {
+        .curve::after {
           display: none;
         }
       }
     }
-    }
 
     // Curve first child connecting lines in opposite direction
     .curve {

changelogs/unreleased/39584-nesting-depth-5-pages-pipelines.yml

+---
+title: Apply NestingDepth (level 5) (pages/pipelines.scss)
+merge_request: 18830
+author: Takuya Noguchi
+type: other