From 9313ea33fe2a00c3dd5fd0805f15b333899371ff Mon Sep 17 00:00:00 2001 From: Ruslan Lesiutin Date: Wed, 8 May 2024 13:12:57 +0100 Subject: [PATCH] fix[react-devtools/InspectedElementView.css]: dont draw bottom border for empty badge list --- .../devtools/views/Components/InspectedElementSharedStyles.css | 1 - .../src/devtools/views/Components/InspectedElementView.css | 3 ++- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementSharedStyles.css index 0e76706bcf138..1d8f6071544a8 100644 --- 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 index 17a22a309a74a..aefc2970f26e4 100644 --- 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 {