[DevTools] Text layout fixes for stack traces with badges (#34925)
Sebastian "Sebbie" Silbermann committed
Oct 20, 2025 at 19:33 UTC
1d3664665b4e52bd1daee775e1e95feb563799d9
2 files changed
+10
-5
packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.css
+6
-3
@@ -3,8 +3,9 @@
3
}
4
5
.CallSite, .BuiltInCallSite {
6
- display: block;
6
+ display: flex;
7
padding-left: 1rem;
8
+ white-space-collapse: preserve;
9
}
10
11
.IgnoredCallSite, .BuiltInCallSite {
@@ -20,13 +21,15 @@
21
white-space: pre;
22
overflow: hidden;
23
text-overflow: ellipsis;
23
- flex: 1;
24
cursor: pointer;
25
border-radius: 0.125rem;
26
- padding: 0px 2px;
26
}
27
28
.Link:hover {
29
background-color: var(--color-background-hover);
30
}
31
32
+.ElementBadges {
33
+ margin-left: 0.25rem;
34
+}
35
+
packages/react-devtools-shared/src/devtools/views/Components/StackTraceView.js
+4
-2
@@ -86,8 +86,10 @@ export function CallSiteView({
86
</span>
87
</>
88
)}
89
-
90
- <ElementBadges environmentName={environmentName} />
89
+ <ElementBadges
90
+ className={styles.ElementBadges}
91
+ environmentName={environmentName}
92
+ />
93
</div>
94
);
95
}