mediacube-ui 0.1.232 → 0.1.234

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.234](https://github.com/MediaCubeCo/mcui/compare/v0.1.233...v0.1.234) (2024-03-14)
+
+### [0.1.233](https://github.com/MediaCubeCo/mcui/compare/v0.1.232...v0.1.233) (2024-03-12)
+
 ### [0.1.232](https://github.com/MediaCubeCo/mcui/compare/v0.1.231...v0.1.232) (2024-03-11)
 
 ### [0.1.231](https://github.com/MediaCubeCo/mcui/compare/v0.1.230...v0.1.231) (2024-03-06)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.232",
+  "version": "0.1.234",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/patterns/McDropdown/McDropdown.vue

@@ -13,6 +13,7 @@
 
 <script>
 import VueClickOutside from 'vue-click-outside'
+import _throttle from 'lodash/throttle'
 
 export default {
     name: 'McDropdown',
@@ -101,10 +102,14 @@ export default {
 
     mounted() {
         this.activator.addEventListener('click', this.toggleDropdown)
+        window.addEventListener('resize', this.throttledCalculateDropdownPosition)
+        window.addEventListener('transitionrun', this.throttledCalculateDropdownPosition)
     },
 
     beforeDestroy() {
         this.activator.removeEventListener('click', this.toggleDropdown)
+        window.removeEventListener('resize', this.throttledCalculateDropdownPosition)
+        window.removeEventListener('transitionrun', this.throttledCalculateDropdownPosition)
     },
 
     methods: {
@@ -123,6 +128,7 @@ export default {
             this.$emit('input', false)
         },
         calculateDropdownPosition() {
+            if (!this.$refs.dropdown_body) return
             const rect = this.activator.getBoundingClientRect()
             const space_below = window.innerHeight - rect.bottom
             const space_left = window.innerWidth - rect.left
@@ -134,6 +140,9 @@ export default {
             this.local_list_position = this.listPosition === 'auto' ? auto_list_position : this.listPosition
             this.local_position = this.position === 'auto' ? auto_position : this.position
         },
+        throttledCalculateDropdownPosition: _throttle(function() {
+            this.calculateDropdownPosition()
+        }, 200),
     },
 }
 </script>

package/src/patterns/McSideBar/McSideBarCenter/McSideBarCenter.vue

@@ -289,6 +289,16 @@ export default {
                         }
                     }
                 }
+                .mc-side-bar-button {
+                    &__tooltip {
+                        width: calc(100% - #{$space-250});
+                        .mc-button {
+                            &__text {
+                                margin-inline-end: $space-zero;
+                            }
+                        }
+                    }
+                }
             }
             &__head {
                 display: flex;