fix[react-devtools/InspectedElementView.css]: dont draw bottom border…

… for empty badge list (#29023) Forward fix to #29014, the bug was discovered while testing v5.2.0.
facebook · May 8, 2024 · 0e6ea69 · 0e6ea69
1 parent b37e4b4
commit 0e6ea69
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/...ages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css b/...ages/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 {