@redseed/redseed-ui-vue3 5.4.6 → 5.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "5.4.6",
3
+ "version": "5.4.8",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "repository": "https://github.com/redseedtraining/redseed-ui",
@@ -35,7 +35,7 @@ async function setContentMaxHeight() {
35
35
 
36
36
  await nextTick()
37
37
 
38
- contentRef.value.style.maxHeight = contentRef.value.scrollHeight + 'px'
38
+ contentRef.value.style.minHeight = contentRef.value.scrollHeight + 'px'
39
39
  }
40
40
 
41
41
  async function resetContentMaxHeight() {
@@ -43,7 +43,7 @@ async function resetContentMaxHeight() {
43
43
 
44
44
  await nextTick()
45
45
 
46
- contentRef.value.style.maxHeight = '0px'
46
+ contentRef.value.style.removeProperty('min-height')
47
47
  }
48
48
 
49
49
  watchEffect(() => {
@@ -143,10 +143,10 @@ onMounted(() => {
143
143
  }
144
144
 
145
145
  &__content {
146
- @apply transition-all max-h-0 overflow-hidden opacity-0;
146
+ @apply transition-all min-h-0 h-0 overflow-hidden opacity-0;
147
147
 
148
148
  &--open {
149
- @apply overflow-visible opacity-100;
149
+ @apply overflow-visible opacity-100 h-auto;
150
150
  }
151
151
  }
152
152
  }
@@ -110,7 +110,7 @@ const emit = defineEmits(['click:more-actions'])
110
110
  }
111
111
 
112
112
  &__header {
113
- @apply flex-1 flex justify-between md:items-center gap-x-3;
113
+ @apply flex-1 flex justify-between items-start gap-x-3;
114
114
  }
115
115
 
116
116
  &__icon {
@@ -119,7 +119,7 @@ const emit = defineEmits(['click:more-actions'])
119
119
  }
120
120
 
121
121
  &__text {
122
- @apply flex-1 flex flex-col gap-y-0.5 pt-2 md:pt-0;
122
+ @apply flex-1 flex flex-col gap-y-0.5 pt-2 md:pt-1.5;
123
123
  }
124
124
 
125
125
  &__title {