Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove 'start-line' and 'end-line' of Timeline (v-timeline) Vuetify

How to remove the 'start-line' and 'end-line' of the timeline (v-timeline) Vuetify component? I just can change the color but I don't know how to remove it.

I want to remove the line which marked with a green arrow, the blue arrow is the expected result :

enter image description here

like image 789
Sluman_Slumun_Slamet Avatar asked Oct 30 '25 14:10

Sluman_Slumun_Slamet


1 Answers

It's a bit hacky. But I found that adding:

.v-timeline::before {
    top: 55px;
    height: calc(100% - 110px)
}

seemed to do the trick for me :)

like image 99
Arts Avatar answered Nov 01 '25 06:11

Arts