ami/tl-vikunja
1
0
Fork 0
Code

feat(FilterInput): use expandable

Browse Source
This commit is contained in:
Dominik Pschenitschni 2024-06-13 14:34:55 +02:00 committed by konrad
parent a6c2c817cd
commit 7093f71372
1 changed files with 52 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/components/project/partials/FilterInputDocs.vue
View File

@ -1,6 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import {ref} from 'vue' import {ref} from 'vue'
import BaseButton from '@/components/base/BaseButton.vue' import BaseButton from '@/components/base/BaseButton.vue'
import Expandable from '@/components/base/Expandable.vue'
const showDocs = ref(false) const showDocs = ref(false)
</script> </script>
@ -13,9 +14,8 @@ const showDocs = ref(false)
{{ $t('filters.query.help.link') }} {{ $t('filters.query.help.link') }}
</BaseButton> </BaseButton>
<Transition> <Expandable
<div :open="showDocs"
v-if="showDocs"
class="content" class="content"
> >
<p>{{ $t('filters.query.help.intro') }}</p> <p>{{ $t('filters.query.help.intro') }}</p>
@ -63,18 +63,5 @@ const showDocs = ref(false)
{{ $t('filters.query.help.examples.priorityOneOrTwoPastDue') }} {{ $t('filters.query.help.examples.priorityOneOrTwoPastDue') }}
</li> </li>
</ul> </ul>
</div> </Expandable>
</Transition>
</template> </template>
<style scoped lang="scss">
.v-enter-active,
.v-leave-active {
transition: all $transition-duration ease;
}
.v-enter-from,
.v-leave-to {
transform: scaleY(0);
}
</style>