Unverified Commit cda55bdb authored by Laila Los's avatar Laila Los
Browse files

fix nested tool panel labels

parent 76215189

client/src/components/Panels/Common/ToolPanelLabel.vue

+14 −12
Original line number Diff line number Diff line 
<template>

    <div

        v-b-tooltip.topright.hover

        class="tool-panel-label"

        :title="description"

        @mouseover="hover = true"

        @mouseleave="hover = false">

    <div v-b-tooltip.topright.hover class="tool-panel-label" :title="description">

        {{ definition.text }}

        <ToolPanelLinks :show="hover" :links="definition.links" />

        <ToolPanelLinks :links="definition.links" />

    </div>

</template>
@@ -21,11 +16,6 @@ export default { 
            required: true,

        },

    },

    data() {

        return {

            hover: false,

        };

    },

    computed: {

        description() {

            return this.definition.description;
@@ -33,3 +23,15 @@ export default { 
    },

};

</script>



<style scoped lang="scss">

.tool-panel-label {

    &:deep(.tool-panel-links) {

        display: none;

    }



    &:hover:deep(.tool-panel-links) {

        display: inline;

    }

}

</style>

client/src/components/Panels/Common/ToolPanelLinks.vue

+4 −5
Original line number Diff line number Diff line 
<template>

    <span v-if="link">

    <span v-if="link" class="tool-panel-links">

        <a :href="link" target="_blank" style="display: inline">

            <font-awesome-icon v-show="show" v-b-tooltip.hover title="Link" icon="external-link-alt" />

            <font-awesome-icon v-b-tooltip.hover title="Link" icon="external-link-alt" />

            <span class="sr-only">Link</span>

        </a>

    </span>

</template>
@@ -18,9 +19,7 @@ export default { 
    props: {

        links: {

            type: Object,

        },

        show: {

            type: Boolean,

            default: () => ({}),

        },

    },

    computed: {

client/src/components/Panels/Common/ToolSection.vue

+14 −1
Original line number Diff line number Diff line
@@ -18,7 +18,10 @@ 
        <transition name="slide">

            <div v-if="opened">

                <template v-for="[key, el] in sortedElements">

                    <ToolPanelLabel v-if="category.text" :key="key" :definition="el" />

                    <ToolPanelLabel

                        v-if="category.text || el.model_class === 'ToolSectionLabel'"

                        :key="key"

                        :definition="el" />

                    <tool

                        v-else

                        :key="key"
@@ -253,4 +256,14 @@ export default { 
    overflow: hidden;

    max-height: 0;

}



.title-link {

    &:deep(.tool-panel-links) {

        display: none;

    }



    &:hover:deep(.tool-panel-links) {

        display: inline;

    }

}

</style>