Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

use v-tooltip directive instead of component #312

Open
MrSebastian opened this issue Sep 21, 2024 · 0 comments
Open

use v-tooltip directive instead of component #312

MrSebastian opened this issue Sep 21, 2024 · 0 comments
Labels
technical Backlogitem that relates to a technical topic

Comments

@MrSebastian
Copy link
Member

It could make the code less complex

with component:

<template>
    <v-tooltip location="right">
        <template #activator="{ props }">
            <v-icon
                color="blue"
                class="mt-3"
                size="large"
                v-bind="props"
            >
                mdi-information
            </v-icon>
        </template>
        <span
            >Bei Anforderung einer bestimmten NWK für die Stelle, hier den
            vollständigen Namen eintragen.</span
        >
    </v-tooltip>
</template>

Example of NamentlicheAnforderungTooltip.vue

with directive:

                                <v-col cols="1">
                                    <!-- <namentliche-anforderung-tooltip></namentliche-anforderung-tooltip> -->
                                    <v-icon
                                        v-tooltip="
                                            'Bei Anforderung einer bestimmten NWK für die Stelle, hier den vollständigen Namen eintragen.'
                                        "
                                        color="blue"
                                        class="mt-3"
                                        size="large"
                                        v-bind="props"
                                    >
                                        mdi-information
                                    </v-icon>
                                </v-col>

The replaced code snippet in AusbildungsPraktikumsstelleUpdateDialog.vue

@MrSebastian MrSebastian added the technical Backlogitem that relates to a technical topic label Sep 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
technical Backlogitem that relates to a technical topic
Projects
None yet
Development

No branches or pull requests

1 participant