mirror of
https://github.com/zebrajr/react.git
synced 2026-01-15 12:15:22 +00:00
[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" />
This commit is contained in:
committed by
GitHub
parent
3cde211b0c
commit
031595d720
@@ -41,17 +41,18 @@
|
||||
|
||||
.SuspenseRectsTitle {
|
||||
pointer-events: none;
|
||||
color: var(--color-text);
|
||||
color: color-mix(in srgb, var(--color-suspense) 50%, var(--color-text));
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-family: var(--font-family-sans);
|
||||
font-size: var(--font-size-sans-small);
|
||||
line-height: var(--font-size-sans-small);
|
||||
padding: .25rem;
|
||||
line-height: var(--line-height-data);
|
||||
padding: 0 .25rem;
|
||||
container-type: size;
|
||||
container-name: title;
|
||||
}
|
||||
|
||||
@container title (width < 30px) or (height < 12px) {
|
||||
@container title (width < 30px) or (height < 18px) {
|
||||
.SuspenseRectsTitle > span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user