Skip to content

Commit 1e4c339

Browse files
Jeffrey Lauwersclaude
andcommitted
fix(Details): border gecentreerd op icoon via calc
margin-inline-start: calc(icon-size / 2 - border-width / 2) Border-midden valt samen met icoon-midden, ongeacht fluid icon-size of toekomstige border-width tokenwijzigingen. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent ece7d91 commit 1e4c339

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

packages/components-html/src/details/details.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,8 @@
115115
=========================== */
116116
.dsn-details__content {
117117
margin-inline-start: calc(
118-
var(--dsn-details-icon-size) + var(--dsn-details-summary-gap)
118+
var(--dsn-details-icon-size) / 2 -
119+
var(--dsn-details-content-border-inline-start-width) / 2
119120
);
120121
background-color: var(--dsn-details-content-background-color);
121122
border-inline-start: var(--dsn-details-content-border-inline-start-width)

0 commit comments

Comments
 (0)