From 3a988d23dfb20dc38c00830e98847bb54a96648f Mon Sep 17 00:00:00 2001 From: Fedor Katurov <gotham48@gmail.com> Date: Mon, 20 Jan 2020 16:55:40 +0700 Subject: [PATCH] nominatim (dialog still doesn't work) --- src/components/dialogs/NominatimDialog.tsx | 10 +++++----- src/styles/dialogs.less | 5 +++-- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/components/dialogs/NominatimDialog.tsx b/src/components/dialogs/NominatimDialog.tsx index da22cc0..1279f1c 100644 --- a/src/components/dialogs/NominatimDialog.tsx +++ b/src/components/dialogs/NominatimDialog.tsx @@ -25,18 +25,18 @@ const NominatimDialogUnconnected: FC<Props> = ({ nominatim: { loading, list } }) return ( <Fragment> - <div style={{ flex: 1 }} /> + <Scroll> + <div className="dialog-flex-scroll"> + <div style={{ flex: 1 }} /> - <div className="dialog-flex-scroll"> - <Scroll> <div className="dialog-content nominatim-dialog-content"> {loading && <DialogLoader />} {list.map((item, i) => ( <NominatimListItem item={item} key={item.id} /> ))} </div> - </Scroll> - </div> + </div> + </Scroll> </Fragment> ); }; diff --git a/src/styles/dialogs.less b/src/styles/dialogs.less index bd368cb..0fcad20 100644 --- a/src/styles/dialogs.less +++ b/src/styles/dialogs.less @@ -95,8 +95,9 @@ .dialog-flex-scroll { display: flex; - align-items: center; + align-items: flex-end; justify-content: center; + // height: 100%; } .nominatim-dialog-content { @@ -112,7 +113,7 @@ display: flex; align-items: center; justify-content: center; - padding-bottom: 200px; + // padding-bottom: 200px; &:hover { background: rgba(255, 255, 255, 0.1);