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

app/assets/stylesheets/pages/pipelines.scss

@@ -66,14 +66,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;
@@ -361,8 +357,7 @@
       &:not(:first-child) {
         margin-left: 44px;
 
-        .left-connector {
-          &::before {
+        .left-connector::before {
           content: '';
           position: absolute;
           top: 48%;
@@ -373,7 +368,6 @@
         }
       }
     }
-    }
 
     &.no-margin {
       margin: 0;
@@ -386,42 +380,32 @@
     &:last-child {
       .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;
         }
       }
     }
-    }
 
     &:first-child {
       .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