fix[react-devtools/InspectedElementView.css]: dont draw bottom border for empty badge list (#29023)

hoxyq · web-flow · commit 0e6ea6991eef · 2024-05-08T13:16:27.000+01:00
Forward fix to #29014, the bug was discovered while testing v5.2.0.
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css
@@ -1,6 +1,5 @@
 .InspectedElementTree {
   padding: 0.25rem;
-  border-top: 1px solid var(--color-border);
 }
 .InspectedElementTree:first-of-type {
   border-top: none;
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementView.css
@@ -25,8 +25,9 @@
   line-height: var(--line-height-data);
 }
 
-.InspectedElementBadgesContainer {
+.InspectedElementBadgesContainer:not(:empty) {
   padding: 0.25rem;
+  border-bottom: 1px solid var(--color-border);
 }
 
 .Owner {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,5 @@`
`1`	`1`	`.InspectedElementTree {`
`2`	`2`	`padding: 0.25rem;`
`3`		`- border-top: 1px solid var(--color-border);`
`4`	`3`	`}`
`5`	`4`	`.InspectedElementTree:first-of-type {`
`6`	`5`	`border-top: none;`
Original file line number	Diff line number	Diff line change
`@@ -25,8 +25,9 @@`
`25`	`25`	`line-height: var(--line-height-data);`
`26`	`26`	`}`
`27`	`27`
`28`		`-.InspectedElementBadgesContainer {`
	`28`	`+.InspectedElementBadgesContainer:not(:empty) {`
`29`	`29`	`padding: 0.25rem;`
	`30`	`+ border-bottom: 1px solid var(--color-border);`
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`.Owner {`