From 86f01d998f8801c243d90eb6ad1151a9860bc63d Mon Sep 17 00:00:00 2001 From: Benjamin Elo Date: Fri, 16 Aug 2019 05:45:19 -0700 Subject: [PATCH] Recenter text in nav bar Summary: I added the height css style to align the sheet. In this revision, I removed the height to recenter the text, but I've had to nudge the sheet up 3 pixels. Reviewed By: danielbuechele Differential Revision: D16855746 fbshipit-source-id: 14b4b83abeb74c01c3706c5b81921f30c8d7e2d3 --- src/plugins/navigation/components/AutoCompleteSheet.js | 2 +- src/plugins/navigation/components/SearchBar.js | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/src/plugins/navigation/components/AutoCompleteSheet.js b/src/plugins/navigation/components/AutoCompleteSheet.js index b2deba7ae..4dbd2b579 100644 --- a/src/plugins/navigation/components/AutoCompleteSheet.js +++ b/src/plugins/navigation/components/AutoCompleteSheet.js @@ -24,7 +24,7 @@ const MAX_ITEMS = 5; const AutoCompleteSheetContainer = styled('div')({ width: '100%', position: 'absolute', - top: '100%', + top: 'calc(100% - 3px)', backgroundColor: 'white', zIndex: 1, borderBottomRightRadius: 10, diff --git a/src/plugins/navigation/components/SearchBar.js b/src/plugins/navigation/components/SearchBar.js index df91dcdf7..a7dcb22a3 100644 --- a/src/plugins/navigation/components/SearchBar.js +++ b/src/plugins/navigation/components/SearchBar.js @@ -50,7 +50,6 @@ const ToolbarContainer = styled('div')({ }); const SearchInputContainer = styled('div')({ - height: '100%', width: '100%', marginLeft: 5, marginRight: 9,