Skip to content

Ghost Class Styling #1253

@cpassafaro

Description

@cpassafaro

There isn't any css being applied when I set up a css class for the ghost container. This is the set up below

<draggable
                        v-if="mainAnswer.length !== 0"
                        class="d-flex flex-wrap flex-row justify-center flex-fill no-select"
                        :list="mainAnswer"
                        :disabled="!allow_drag"
                        group="people"
                        :forceFallback="true"
                        fallback-class="drag-ghost"
                        ghost-class="custom-ghost"
                        :move="onMoveCallback"
                    >

.custom-ghost {
    width: auto;
    min-width: 150px;
    background-color: purple;
    color: green;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions