From 5ca2e850e48377374169956bc98eca05cc8a8102 Mon Sep 17 00:00:00 2001 From: Ivana Date: Tue, 17 Mar 2020 15:11:03 +0100 Subject: [PATCH] Add boxshadow to container --- .../app/features/explore/RichHistory/RichHistoryContainer.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/public/app/features/explore/RichHistory/RichHistoryContainer.tsx b/public/app/features/explore/RichHistory/RichHistoryContainer.tsx index 32b016c58e2..d13c74e97d6 100644 --- a/public/app/features/explore/RichHistory/RichHistoryContainer.tsx +++ b/public/app/features/explore/RichHistory/RichHistoryContainer.tsx @@ -25,13 +25,15 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => { const bgColor = theme.isLight ? theme.colors.gray5 : theme.colors.dark4; const bg = theme.isLight ? theme.colors.gray7 : theme.colors.dark2; const borderColor = theme.isLight ? theme.colors.gray5 : theme.colors.dark6; - const handleShadow = theme.isLight ? `0px 2px 2px ${bgColor}` : `0px 2px 4px black`; + const handleShadow = theme.isLight ? `0px 0px 2px ${bgColor}` : `0px 0px 2px black`; + const containerShadow = theme.isLight ? `0px 0px 4px ${bgColor}` : `0px 0px 4px black`; return { container: css` position: fixed !important; bottom: 0; background: ${bg}; border-top: 1px solid ${borderColor}; + box-shadow: ${containerShadow}; margin: 0px; margin-right: -${theme.spacing.md}; margin-left: -${theme.spacing.md};