WARNING: THIS SITE IS A MIRROR OF GITHUB.COM / IT CANNOT LOGIN OR REGISTER ACCOUNTS / THE CONTENTS ARE PROVIDED AS-IS / THIS SITE ASSUMES NO RESPONSIBILITY FOR ANY DISPLAYED CONTENT OR LINKS / IF YOU FOUND SOMETHING MAY NOT GOOD FOR EVERYONE, CONTACT ADMIN AT ilovescratch@foxmail.com
Skip to content

Commit 0c4c33e

Browse files
authored
fix: Connector line position in tree view (#4062)
1 parent a4c6954 commit 0c4c33e

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

src/tree-view/vertical-connector/styles.scss

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,23 +7,24 @@
77
@use '../../internal/styles/tokens' as awsui;
88

99
$item-toggle-column-width: 28px;
10+
$connector-line-width: awsui.$border-divider-list-width;
1011

1112
.vertical-connector {
1213
background-color: awsui.$color-tree-view-connector-line;
13-
inline-size: awsui.$border-divider-list-width;
14+
inline-size: $connector-line-width;
1415

1516
&.grid {
1617
grid-row: 2 / span 3;
1718
grid-column: 1;
1819
block-size: 100%;
1920
position: relative;
20-
inset-inline-start: calc($item-toggle-column-width / 2);
21+
inset-inline-start: calc(($item-toggle-column-width - $connector-line-width) / 2);
2122
}
2223

2324
&.absolute {
2425
position: absolute;
2526
inset: 0;
2627
inset-block-end: awsui.$space-scaled-xs;
27-
inset-inline-start: calc($item-toggle-column-width / 2);
28+
inset-inline-start: calc(($item-toggle-column-width - $connector-line-width) / 2);
2829
}
2930
}

0 commit comments

Comments
 (0)