From: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
Date: Tue, 18 Dec 2018 09:21:20 +0000 (+0100)
Subject: Set transform origin to improve popovers animation
X-Git-Url: https://git.arvados.org/arvados.git/commitdiff_plain/cfd501bed1fb431e74816069f0ae8f83aacf29c7?hp=721322dd1f2af54d1aaa831a96dcf78ed0065085

Set transform origin to improve popovers animation

Feature #14603

Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski@contractors.roche.com>
---

diff --git a/src/views-components/search-bar/search-bar-view.tsx b/src/views-components/search-bar/search-bar-view.tsx
index 8aa8ffa7dd..ff4b6442f8 100644
--- a/src/views-components/search-bar/search-bar-view.tsx
+++ b/src/views-components/search-bar/search-bar-view.tsx
@@ -11,7 +11,7 @@ import {
     WithStyles,
     Tooltip,
     InputAdornment, Input,
-    Popover
+    Popover,
 } from '@material-ui/core';
 import SearchIcon from '@material-ui/icons/Search';
 import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
@@ -195,7 +195,11 @@ export const SearchBarView = withStyles(styles)(
                         anchorEl={this.viewAnchorRef.current}
                         anchorOrigin={{
                             vertical: 'bottom',
-                            horizontal: 'left',
+                            horizontal: 'center',
+                        }}
+                        transformOrigin={{
+                            vertical: 'top',
+                            horizontal: 'center',
                         }}
                         disableAutoFocus
                         open={isPopoverOpen}