From 369fc2e597286e5660d975e9ccff907fc867ee05 Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Tue, 19 Oct 2021 20:54:29 +0000
Subject: [PATCH] ISTWCMS-4809: hidding the non-active edit tabs in small views
---
.../layout-builder/_layout-builder.scss | 29 +++++++++++++++++++
1 file changed, 29 insertions(+)
diff --git a/source/_patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss b/source/_patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss
index 9498f64a..43542c92 100644
--- a/source/_patterns/04-components/00-cms-styles/layout-builder/_layout-builder.scss
+++ b/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;
+ }
+ }
+ }
+}
--
GitLab