maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix waterfall scroll color for dark theme (#87833)

Browse source
This commit is contained in:
Shahzad 2021-01-13 09:18:45 +01:00 committed by GitHub
parent d306c85d03
commit ba05b7b007
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
x-pack/plugins/uptime/public/components/monitor/synthetics/waterfall/components/styles.ts
View file

@ -5,6 +5,7 @@
*/
import { EuiPanel, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { rgba } from 'polished';
import { euiStyled } from '../../../../../../../observability/public';
import { FIXED_AXIS_HEIGHT } from './constants';
@ -16,6 +17,19 @@ export const WaterfallChartOuterContainer = euiStyled.div<WaterfallChartOuterCon
height: ${(props) => (props.height ? `${props.height}` : 'auto')};
overflow-y: ${(props) => (props.height ? 'scroll' : 'visible')};
overflow-x: hidden;
&::-webkit-scrollbar {
height: ${({ theme }) => theme.eui.euiScrollBar};
width: ${({ theme }) => theme.eui.euiScrollBar};
}
&::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: ${({ theme }) => rgba(theme.eui.euiColorDarkShade, 0.5)};
border: ${({ theme }) => theme.eui.euiScrollBarCorner} solid transparent;
}
&::-webkit-scrollbar-corner,
&::-webkit-scrollbar-track {
background-color: transparent;
}
`;
export const WaterfallChartFixedTopContainer = euiStyled.div`