ISTWCMS-4809: hidding the non-active edit tabs in small views

source/_patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss

@@ -307,3 +307,32 @@
 
   }
 }
+
+// Edit tabs for the main pages in drupal
+.tabs{
+  &__trigger{
+    padding-bottom:0;
+    &:hover,
+    &:focus{
+      background:gesso-grayscale(gray-2);
+      border:1px solid gesso-grayscale(gray-4);
+    }
+  }
+  .is-collapse-enabled &{
+    &::before{
+      display:none;
+    }
+    li{
+      &:not(.is-active){
+        display:none;
+      }
+    }
+  }
+  &.is-open{
+    li{
+      &:not(:first-child){
+        display:inherit;
+      }
+    }
+  }
+}