github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-08-12 05:43:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix elastic time picker ui css (#1204)

Browse Source
This commit is contained in:
AmitUp9 2022-07-14 11:11:05 +03:00 committed by GitHub
parent d11770681b
commit d4b9fea5a7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 62 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui-common/src/components/modals/TrafficStatsModal/TimelineBarChart/TimeRangePicker/TimeTangePicker.tsx
View File

@ -1,10 +1,12 @@
import React, { useState, Fragment } from 'react'; import React, { useState, Fragment } from 'react';
import { EuiProvider } from '@elastic/eui';
import { import {
EuiSuperDatePicker, EuiSuperDatePicker,
EuiSpacer, EuiSpacer,
} from '@elastic/eui'; } from '@elastic/eui';
import dateMath from '@elastic/datemath'; import dateMath from '@elastic/datemath';
import '@elastic/eui/dist/eui_theme_light.css';
interface TimeRangePickerProps { interface TimeRangePickerProps {
refreshStats: (startTime, endTime) => void; refreshStats: (startTime, endTime) => void;
@ -72,6 +74,7 @@ export const TimeRangePicker: React.FC<TimeRangePickerProps> = ({ refreshStats }
}; };
return ( return (
<EuiProvider>
<Fragment> <Fragment>
<EuiSpacer /> <EuiSpacer />
<EuiSuperDatePicker <EuiSuperDatePicker
@ -88,5 +91,6 @@ export const TimeRangePicker: React.FC<TimeRangePickerProps> = ({ refreshStats }
/> />
<EuiSpacer /> <EuiSpacer />
</Fragment> </Fragment>
</EuiProvider>
); );
}; };

4
ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.tsx
View File

@ -7,8 +7,6 @@ import { TimelineBarChart } from "./TimelineBarChart/TimelineBarChart";
import { LoadingWrapper } from "../../UI/withLoading/withLoading"; import { LoadingWrapper } from "../../UI/withLoading/withLoading";
import { ALL_PROTOCOLS, StatsMode } from "./consts"; import { ALL_PROTOCOLS, StatsMode } from "./consts";
import { TimeRangePicker } from "./TimelineBarChart/TimeRangePicker/TimeTangePicker"; import { TimeRangePicker } from "./TimelineBarChart/TimeRangePicker/TimeTangePicker";
import { EuiProvider } from '@elastic/eui';
import '@elastic/eui/dist/eui_theme_light.css';
const modalStyle = { const modalStyle = {
position: 'absolute', position: 'absolute',
@ -68,7 +66,6 @@ export const TrafficStatsModal: React.FC<TrafficStatsModalProps> = ({ isOpen, on
}, 500); }, 500);
return ( return (
<EuiProvider>
<Modal <Modal
aria-labelledby="transition-modal-title" aria-labelledby="transition-modal-title"
aria-describedby="transition-modal-description" aria-describedby="transition-modal-description"
@ -115,6 +112,5 @@ export const TrafficStatsModal: React.FC<TrafficStatsModalProps> = ({ isOpen, on
</Box> </Box>
</Fade> </Fade>
</Modal> </Modal>
</EuiProvider>
); );
} }

1
ui/public/index.html
View File

@ -9,7 +9,6 @@
name="description" name="description"
content="Web site created using create-react-app" content="Web site created using create-react-app"
/> />
<meta name="eui-style-insert">
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!-- <!--
manifest.json provides metadata used when your web app is installed on a manifest.json provides metadata used when your web app is installed on a