mirror of
https://github.com/zebrajr/react.git
synced 2025-12-06 12:20:20 +01:00
[DevTools] Text layout fixes for stack traces with badges (#34925)
This commit is contained in:
parent
2bcbf254f1
commit
1d3664665b
|
|
@ -3,8 +3,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.CallSite, .BuiltInCallSite {
|
.CallSite, .BuiltInCallSite {
|
||||||
display: block;
|
display: flex;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
|
white-space-collapse: preserve;
|
||||||
}
|
}
|
||||||
|
|
||||||
.IgnoredCallSite, .BuiltInCallSite {
|
.IgnoredCallSite, .BuiltInCallSite {
|
||||||
|
|
@ -20,13 +21,15 @@
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
flex: 1;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 0.125rem;
|
border-radius: 0.125rem;
|
||||||
padding: 0px 2px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.Link:hover {
|
.Link:hover {
|
||||||
background-color: var(--color-background-hover);
|
background-color: var(--color-background-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ElementBadges {
|
||||||
|
margin-left: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -86,8 +86,10 @@ export function CallSiteView({
|
||||||
</span>
|
</span>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
<ElementBadges
|
||||||
<ElementBadges environmentName={environmentName} />
|
className={styles.ElementBadges}
|
||||||
|
environmentName={environmentName}
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user