CODEWITHSUNDEEP
cssvue.jsvuejs2vue-componentvuetify.js
code-8
code-8

Reputation: 58632

How can I prevent text-area to go to a new line?

I'm trying to style my description column

<template v-slot:item.description="{ item }" class="description" style="overflow-wrap: normal">
{{ item.description }}
</template>

CSS

<style scoped>
>>> .description {
    overflow-wrap: normal;
    color: red; //TEST
}
</style>

enter image description here

Doesn't seem to take effect ! Am I doing anything wrong ?

Upvotes: 0

Views: 48

Answers (1)

Boussadjra Brahim
Boussadjra Brahim

Reputation: 1

Try to use the white-space: nowrap; rule :

<style scoped>
>>> .description {
  white-space: nowrap;
    color: red; //TEST
}
</style>

Upvotes: 1

Related Questions