|
37 | 37 |
|
38 | 38 | .v-treeview-indent-lines |
39 | 39 | position: absolute |
40 | | - left: 0 |
| 40 | + inset-inline-start: 0 |
41 | 41 | height: 100% |
42 | 42 | display: grid |
43 | | - padding-left: $treeview-indent-lines-padding-left |
| 43 | + padding-inline-start: $treeview-indent-lines-padding-left |
44 | 44 | padding-block: $treeview-indent-lines-gap |
45 | 45 | grid-template-columns: repeat(var(--v-indent-parts, 1), var(--prepend-width)) |
46 | 46 | opacity: $treeview-indent-lines-opacity |
|
53 | 53 |
|
54 | 54 | &--leaf, |
55 | 55 | &--line |
56 | | - border-left-width: $treeview-indent-line-width |
| 56 | + border-inline-start-width: $treeview-indent-line-width |
57 | 57 | height: 100% |
58 | 58 | width: calc(50% + #{$treeview-indent-line-width-half}) |
59 | 59 | justify-self: end |
|
74 | 74 | &--leaf-link |
75 | 75 | border-bottom-width: $treeview-indent-line-width |
76 | 76 | height: calc(50% + #{$treeview-indent-line-width-half}) |
77 | | - margin-left: $treeview-indent-lines-gap |
78 | | - margin-right: $treeview-indent-line-leaf-link-margin-right |
| 77 | + margin-inline-start: $treeview-indent-lines-gap |
| 78 | + margin-inline-end: $treeview-indent-line-leaf-link-margin-right |
79 | 79 |
|
80 | 80 | &--last-leaf |
81 | | - border-left-width: $treeview-indent-line-width |
| 81 | + border-inline-start-width: $treeview-indent-line-width |
82 | 82 | border-bottom-width: $treeview-indent-line-width |
83 | 83 | height: calc(50% + #{$treeview-indent-line-width-half}) |
84 | | - margin-left: calc(50% - #{$treeview-indent-line-width-half}) |
| 84 | + margin-inline-start: calc(50% - #{$treeview-indent-line-width-half}) |
85 | 85 | border-bottom-left-radius: $treeview-indent-line-border-radius |
86 | 86 |
|
| 87 | + @include tools.rtl() |
| 88 | + border-bottom-left-radius: 0 |
| 89 | + border-bottom-right-radius: $treeview-indent-line-border-radius |
| 90 | + |
87 | 91 | &:last-child |
88 | | - margin-right: $treeview-indent-line-leaf-margin-right |
| 92 | + margin-inline-end: $treeview-indent-line-leaf-margin-right |
89 | 93 |
|
90 | 94 | .v-treeview-group.v-list-group |
91 | 95 | --list-indent-size: 0px |
|
0 commit comments