Truncate long schema names

[mcapeta]

Yet another hacktoberfest PR 😂

This PR truncates long schema name so they stack nicely with the cog and publishing info indicator. Before: After:

[zcuric]

@mcapeta v-tooltip to display full name on hover? 🤔

[mcapeta]

@mcapeta v-tooltip to display full name on hover? 🤔

@zcuric Thanks for pointing me to display entire schema name if it's being truncated 😉 Nevertheless, I don't like how if looks with the tooltip version for a few reasons:

• tooltip is redundant for short schema names (we should somehow detect there is no text overflow to disable that 🤹 )
• not looking good in my opinion (restyling the tooltip is an option, of course)

What I suggest here is the following:

Cons of the suggested solution:

• limited to max three lines (feel free to argue if you don't think that's enough, cc @markolovric)
• transition implementation doesn't feel smooth with the CSS transition only so I leveraged <v-hover/> component, too

[bubafinder]

I am totally for the first sample, tooltip on hover for text overflow

[mcapeta]

I am totally for the first sample, tooltip on hover for text overflow

Done! Please note that tooltip exists for all schema names, not for truncated ones only.

[bubafinder]

Don't like it. You can look at a sample on tags, we are only showing a tooltip for truncated text.

[underscope]

@mcapeta When you get a chance, extract it into a separate component so it doesn't pollute Card as much 😉 ty ❤️