jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweaks to tree UI

Browse Source 
Summary:
Made rows smaller so you get to see more content
Monospace font

Reviewed By: antonk52

Differential Revision: D47949839

fbshipit-source-id: f8935e233838ff35acf8c1ab14bcf9b8f2153ab4
This commit is contained in:
Luke De Feo
2023-08-01 10:32:29 -07:00
committed by Facebook GitHub Bot
parent eaf5b4c246
commit 4e7ca39168
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
View File

@@ -451,6 +451,7 @@ function TreeNodeTextContent({treeNode}: {treeNode: TreeNode}) {
return ( return (
<Layout.Horizontal <Layout.Horizontal
style={{ style={{
fontFamily: 'monospace',
opacity: isZero || invisible ? 0.5 : 1, opacity: isZero || invisible ? 0.5 : 1,
alignItems: 'baseline', alignItems: 'baseline',
userSelect: 'none', userSelect: 'none',
@@ -483,7 +484,7 @@ function InlineAttributes({attributes}: {attributes: Record<string, string>}) {
); );
} }
const TreeItemHeightNumber = 28; const TreeItemHeightNumber = 24;
const TreeItemHeight = `${TreeItemHeightNumber}px`; const TreeItemHeight = `${TreeItemHeightNumber}px`;
const HalfTreeItemHeight = `calc(${TreeItemHeight} / 2)`; const HalfTreeItemHeight = `calc(${TreeItemHeight} / 2)`;
@@ -597,7 +598,7 @@ const NodeIconImage = styled.img({
userSelect: 'none', userSelect: 'none',
}); });
const renderDepthOffset = 14; const renderDepthOffset = 12;
//due to virtualisation the out of the box dom based scrolling doesnt work //due to virtualisation the out of the box dom based scrolling doesnt work
function findSearchMatchingIndexes( function findSearchMatchingIndexes(