Merge pull request #24 from eea/develop

Apply menu item style on tabs-block only
eea · Jun 10, 2022 · 17713b7 · 17713b7
2 parents f3da37f + 581249d
commit 17713b7
Show file tree

Hide file tree

Showing 3 changed files with 107 additions and 99 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,8 +4,17 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [2.0.0](https://github.com/eea/volto-tabs-block/compare/1.3.2...2.0.0)
+#### [2.0.1](https://github.com/eea/volto-tabs-block/compare/2.0.0...2.0.1)
 
+- stylelint [`267fbdb`](https://github.com/eea/volto-tabs-block/commit/267fbdb72f69715690d281498d1fd0837c18fc0d)
+- Prettier fix [`5ac20a8`](https://github.com/eea/volto-tabs-block/commit/5ac20a8352f00618dae1623ac200ea1779342e8d)
+- Apply menu item style on tabs-block only [`fec62b2`](https://github.com/eea/volto-tabs-block/commit/fec62b222bcc07bc102f6d73b89369f57f49512d)
+
+### [2.0.0](https://github.com/eea/volto-tabs-block/compare/1.3.2...2.0.0)
+
+> 8 June 2022
+
+- Add accordion template for mobile [`#23`](https://github.com/eea/volto-tabs-block/pull/23)
 - Update [`525551e`](https://github.com/eea/volto-tabs-block/commit/525551e151d469f71e3ecbae9af994cf1dc61644)
 - Improve accordion variation [`e95977e`](https://github.com/eea/volto-tabs-block/commit/e95977e2b06178dd820ea1b1983d74b4fd3f38f5)
 - Release 2.0.0 [`1206ab1`](https://github.com/eea/volto-tabs-block/commit/1206ab1c22346761aacb9c5aba7c536e7407526e)
@@ -14,7 +23,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - stylelint [`d29ff73`](https://github.com/eea/volto-tabs-block/commit/d29ff739e17fe398373c289b01f57328543e333d)
 - stylelint [`73195f6`](https://github.com/eea/volto-tabs-block/commit/73195f60362fffe12ae13f685a9c349cbe486118)
 - prettier [`8308f52`](https://github.com/eea/volto-tabs-block/commit/8308f52c296f39da416c927d807f33741ecf66aa)
-- Add accordion template for mobile [`92e99cf`](https://github.com/eea/volto-tabs-block/commit/92e99cf538983164426ad82b0e71e5ba6532e419)
 - Remove useless  from block title [`4ab8b58`](https://github.com/eea/volto-tabs-block/commit/4ab8b58b9266d2937fd033865e52100f0a6333b2)
 
 #### [1.3.2](https://github.com/eea/volto-tabs-block/compare/1.3.1...1.3.2)

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-tabs-block",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "volto-tabs-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

diff --git a/src/less/menu.less b/src/less/menu.less
@@ -118,143 +118,143 @@
       }
     }
   }
-}
 
-.ui.menu:not(.RRT__accordion) {
-  .ui.item .icon {
-    display: none;
+  .ui.menu:not(.RRT__accordion) {
+    .ui.item .icon {
+      display: none;
+    }
   }
-}
 
-.RRT__container {
-  > .ui.tab .rah-animating {
-    transition: height 0ms ease 0ms !important;
+  .RRT__container {
+    > .ui.tab .rah-animating {
+      transition: height 0ms ease 0ms !important;
 
-    > div {
-      transition: opacity 0ms ease 0ms !important;
+      > div {
+        transition: opacity 0ms ease 0ms !important;
+      }
     }
   }
-}
 
-.ui.menu.RRT__accordion {
-  &::before {
-    display: none;
-  }
-
-  border-bottom: none !important;
+  .ui.menu.RRT__accordion {
+    &::before {
+      display: none;
+    }
 
-  .ui.item {
-    display: flex;
-    width: 100%;
-    padding: 0.75rem 1rem !important;
-    border-width: 0 !important;
     border-bottom: none !important;
-    margin: 0 !important;
-    background-color: @accordionMenuItemBackground;
 
-    .icon {
+    .ui.item {
+      display: flex;
+      width: 100%;
+      padding: 0.75rem 1rem !important;
+      border-width: 0 !important;
+      border-bottom: none !important;
       margin: 0 !important;
-    }
+      background-color: @accordionMenuItemBackground;
 
-    .dropdown.icon {
-      transform: rotate(-90deg);
-    }
+      .icon {
+        margin: 0 !important;
+      }
 
-    &.active {
       .dropdown.icon {
-        transform: rotate(0);
+        transform: rotate(-90deg);
+      }
+
+      &.active {
+        .dropdown.icon {
+          transform: rotate(0);
+        }
       }
     }
-  }
 
-  &.red {
-    .ui.item.active {
-      background-color: @red !important;
-      color: #fff !important;
+    &.red {
+      .ui.item.active {
+        background-color: @red !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.orange {
-    .ui.item.active {
-      background-color: @orange !important;
-      color: #fff !important;
+    &.orange {
+      .ui.item.active {
+        background-color: @orange !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.yellow {
-    .ui.item.active {
-      background-color: @yellow !important;
-      color: #fff !important;
+    &.yellow {
+      .ui.item.active {
+        background-color: @yellow !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.olive {
-    .ui.item.active {
-      background-color: @olive !important;
-      color: #fff !important;
+    &.olive {
+      .ui.item.active {
+        background-color: @olive !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.green {
-    .ui.item.active {
-      background-color: @green !important;
-      color: #fff !important;
+    &.green {
+      .ui.item.active {
+        background-color: @green !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.teal {
-    .ui.item.active {
-      background-color: @teal !important;
-      color: #fff !important;
+    &.teal {
+      .ui.item.active {
+        background-color: @teal !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.blue {
-    .ui.item.active {
-      background-color: @blue !important;
-      color: #fff !important;
+    &.blue {
+      .ui.item.active {
+        background-color: @blue !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.violet {
-    .ui.item.active {
-      background-color: @violet !important;
-      color: #fff !important;
+    &.violet {
+      .ui.item.active {
+        background-color: @violet !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.purple {
-    .ui.item.active {
-      background-color: @purple !important;
-      color: #fff !important;
+    &.purple {
+      .ui.item.active {
+        background-color: @purple !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.brown {
-    .ui.item.active {
-      background-color: @brown !important;
-      color: #fff !important;
+    &.brown {
+      .ui.item.active {
+        background-color: @brown !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.grey {
-    .ui.item.active {
-      background-color: @grey !important;
-      color: #fff !important;
+    &.grey {
+      .ui.item.active {
+        background-color: @grey !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  &.black {
-    .ui.item.active {
-      background-color: @black !important;
-      color: #fff !important;
+    &.black {
+      .ui.item.active {
+        background-color: @black !important;
+        color: #fff !important;
+      }
     }
-  }
 
-  .ui.tab {
-    padding: 1rem;
-    margin-bottom: 0;
-    background-color: @accordionTabBackground !important;
+    .ui.tab {
+      padding: 1rem;
+      margin-bottom: 0;
+      background-color: @accordionTabBackground !important;
+    }
   }
 }