[DevTools] Title color tweak (#34927)
<img width="521" height="365" alt="Screenshot 2025-10-20 at 11 53 50 AM" src="https://github.com/user-attachments/assets/1a073c09-d440-4498-b2b3-c0dcb2272c96" />
Sebastian Markbåge committed
Oct 20, 2025 at 11:54 UTC
031595d720955723a0dab67068abc3db759cbc69
1 file changed
+5
-4
packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.css
+5
-4
@@ -41,17 +41,18 @@
41
42
.SuspenseRectsTitle {
43
pointer-events: none;
44
- color: var(--color-text);
44
+ color: color-mix(in srgb, var(--color-suspense) 50%, var(--color-text));
45
overflow: hidden;
46
text-overflow: ellipsis;
47
+ font-family: var(--font-family-sans);
48
font-size: var(--font-size-sans-small);
48
- line-height: var(--font-size-sans-small);
49
- padding: .25rem;
49
+ line-height: var(--line-height-data);
50
+ padding: 0 .25rem;
51
container-type: size;
52
container-name: title;
53
}
54
54
-@container title (width < 30px) or (height < 12px) {
55
+@container title (width < 30px) or (height < 18px) {
56
.SuspenseRectsTitle > span {
57
display: none;
58
}