diff --git a/packages/ui/src/components/va-accordion/VaAccordion.vue b/packages/ui/src/components/va-accordion/VaAccordion.vue index 5579e5a28e..5f4d1ec3d1 100644 --- a/packages/ui/src/components/va-accordion/VaAccordion.vue +++ b/packages/ui/src/components/va-accordion/VaAccordion.vue @@ -34,5 +34,28 @@ export default defineComponent({ diff --git a/packages/ui/src/components/va-collapse/VaCollapse.vue b/packages/ui/src/components/va-collapse/VaCollapse.vue index 50a4bab6dc..6cbdb07a2e 100644 --- a/packages/ui/src/components/va-collapse/VaCollapse.vue +++ b/packages/ui/src/components/va-collapse/VaCollapse.vue @@ -152,6 +152,7 @@ export default defineComponent({ tabIndexComputed, computedClasses: computed(() => ({ + 'va-collapse--expanded': computedModelValue.value, 'va-collapse--disabled': props.disabled, 'va-collapse--solid': props.solid, 'va-collapse--active': props.solid && computedModelValue.value, @@ -192,7 +193,6 @@ export default defineComponent({ &__body { transition: var(--va-collapse-body-transition); overflow: var(--va-collapse-body-overflow); - margin-top: var(--va-collapse-body-margin-top); } &__header { diff --git a/packages/ui/src/components/va-collapse/_variables.scss b/packages/ui/src/components/va-collapse/_variables.scss index 93faa8d2ea..da6d5fd67f 100644 --- a/packages/ui/src/components/va-collapse/_variables.scss +++ b/packages/ui/src/components/va-collapse/_variables.scss @@ -4,7 +4,6 @@ --va-collapse-inset-margin: 0.5rem 0.5rem; --va-collapse-body-transition: all 0.3s linear; --va-collapse-body-overflow: hidden; - --va-collapse-body-margin-top: 0.1rem; --va-collapse-header-content-display: flex; --va-collapse-header-content-justify-content: space-between; --va-collapse-header-content-cursor: pointer;