fix[react-devtools/InspectedElementView.css]: dont draw bottom border for empty badge list (#29023)
Forward fix to https://github.com/facebook/react/pull/29014, the bug was discovered while testing v5.2.0.
Ruslan Lesiutin committed
May 8, 2024 at 13:16 UTC
0e6ea6991eef6d1f0d203965c9e4606698fe6944
2 files changed
+2
-2
packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css
-1
@@ -1,6 +1,5 @@
1
.InspectedElementTree {
2
padding: 0.25rem;
3
- border-top: 1px solid var(--color-border);
3
}
4
.InspectedElementTree:first-of-type {
5
border-top: none;
packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.css
+2
-1
@@ -25,8 +25,9 @@
25
line-height: var(--line-height-data);
26
}
27
28
-.InspectedElementBadgesContainer {
28
+.InspectedElementBadgesContainer:not(:empty) {
29
padding: 0.25rem;
30
+ border-bottom: 1px solid var(--color-border);
31
}
32
33
.Owner {