[Bug Report][3.0.0-beta.5] `density="compact"` is not proper in `v-timeline`

vuetifyjs / vuetify

🐉 Vue Component Framework

https://vuetifyjs.com

MIT License

39.88k stars 6.97k forks source link

[Bug Report][3.0.0-beta.5] `density="compact"` is not proper in `v-timeline` #15509

Open alokVishu opened 2 years ago

alokVishu commented 2 years ago

Environment

Vuetify Version: 3.0.0-beta.5 Vue Version: 3.2.37 Browsers: Chrome 103.0.5060.134 OS: Windows 10

Steps to reproduce

Try to put density="compact" in v-timeline component

Expected Behavior

The space should be less between divider and body content.

Actual Behavior

It has too much space.

Reproduction Link

https://codepen.io/Alokdev/pen/abYywzZ?editors=101

nekosaur commented 2 years ago

density="compact" on v-timeline really only specifies that all items appear on one side of the timeline. If the component is constrained in width, the gap will become less https://codepen.io/nekosaur/pen/VwXypPy?editors=101

johnleider commented 1 year ago

Is there anything actionable in this issue?

nekosaur commented 1 year ago

Not right now. Maybe we want to rethink how density works for timeline but it is working as intended.