From 09042ec5d60b6f17ce6f043a3b380f312ab5e296 Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Tue, 1 Aug 2023 10:32:29 -0700
Subject: [PATCH] Make non visible views non opaque

Summary: On certain apps there are a lot of views that have zero size and this isnt clear from the tree view. This will help

Reviewed By: lblasa

Differential Revision: D47917167

fbshipit-source-id: 180ef1cf34c3735acfd54d3498db9d29f759d959
---
 desktop/plugins/public/ui-debugger/components/tree/Tree.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
index 4be0eddd8..f0831e07b 100644
--- a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
+++ b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
@@ -446,9 +446,12 @@ function TreeNodeRow({
 }
 
 function TreeNodeTextContent({treeNode}: {treeNode: TreeNode}) {
+  const isZero = treeNode.bounds.width === 0 && treeNode.bounds.height === 0;
+  const invisible = treeNode.hiddenAttributes?.['invisible'] === true;
   return (
     <Layout.Horizontal
       style={{
+        opacity: isZero || invisible ? 0.5 : 1,
         alignItems: 'baseline',
         userSelect: 'none',
       }}>