From 69a958f7aa975afed31bec985cd4a42a302e8f1c Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Thu, 11 Aug 2022 15:20:06 +0200
Subject: [PATCH 1/2] style and add subListMaxHeight props

---
 .../BIMDataDropdownMenu/BIMDataDropdownMenu.vue       |  5 +++++
 .../BIMDataDropdownMenu/_BIMDataDropdownMenu.scss     | 11 ++++++++---
 .../views/Components/DropdownMenu/DropdownMenu.vue    |  7 +++++++
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue b/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
index b7069779..20912a71 100644
--- a/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
+++ b/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
@@ -31,6 +31,7 @@
                 <ul
                   v-show="isItemHover && currentItemName === item.name"
                   class="bimdata-dropdown__elements__menu-items__item__children"
+                  :style="{ maxHeight: subListMaxHeight }"
                 >
                   <li
                     v-for="child in item.children"
@@ -88,6 +89,10 @@ export default {
       type: Array,
       default: () => [],
     },
+    subListMaxHeight: {
+      type: String,
+      default: "auto",
+    },
   },
   data() {
     return {
diff --git a/src/BIMDataComponents/BIMDataDropdownMenu/_BIMDataDropdownMenu.scss b/src/BIMDataComponents/BIMDataDropdownMenu/_BIMDataDropdownMenu.scss
index 368eda71..d4219017 100644
--- a/src/BIMDataComponents/BIMDataDropdownMenu/_BIMDataDropdownMenu.scss
+++ b/src/BIMDataComponents/BIMDataDropdownMenu/_BIMDataDropdownMenu.scss
@@ -38,17 +38,22 @@
     font-size: 11px;
 
     &__menu-items {
-      padding: unset;
-      
+      padding-left: 0px;
+      margin: 0;
+
       &__item {
         position: relative;
+        div {
+          padding-left: var(--spacing-unit);
+        }
 
         &__children {
+          overflow: auto;
+          padding: calc(var(--spacing-unit) / 2) 0;
           background-color: var(--color-white);
           border: 1px solid transparent;
           box-shadow: var(--box-shadow);
           position: absolute;
-          padding: unset;
           width: 100%;
           left: 100%;
           top: -6%;
diff --git a/src/web/views/Components/DropdownMenu/DropdownMenu.vue b/src/web/views/Components/DropdownMenu/DropdownMenu.vue
index f09cf405..3f5d069f 100644
--- a/src/web/views/Components/DropdownMenu/DropdownMenu.vue
+++ b/src/web/views/Components/DropdownMenu/DropdownMenu.vue
@@ -208,6 +208,13 @@ export default {
           "",
           "Use this props to add content with two level of nesting",
         ],
+        [
+          "subListMaxHeight",
+          "String",
+          "auto",
+          "",
+          "Use this props to define the sub-list maximum length",
+        ],
       ],
       slotData: [
         ["Slot name", "Description"],

From 8ac13a07af6609ee4920d6f3e5f6e2421553afa7 Mon Sep 17 00:00:00 2001
From: Paul Vilalta <vilaltapaul@gmail.com>
Date: Thu, 11 Aug 2022 15:29:46 +0200
Subject: [PATCH 2/2] wording: length to height

---
 src/web/views/Components/DropdownMenu/DropdownMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/web/views/Components/DropdownMenu/DropdownMenu.vue b/src/web/views/Components/DropdownMenu/DropdownMenu.vue
index 3f5d069f..6b42f752 100644
--- a/src/web/views/Components/DropdownMenu/DropdownMenu.vue
+++ b/src/web/views/Components/DropdownMenu/DropdownMenu.vue
@@ -213,7 +213,7 @@ export default {
           "String",
           "auto",
           "",
-          "Use this props to define the sub-list maximum length",
+          "Use this props to define the sub-list maximum height",
         ],
       ],
       slotData: [