diff --git a/src/components/main/Header/index.tsx b/src/components/main/Header/index.tsx index 39ab0aee..09c8a0c2 100644 --- a/src/components/main/Header/index.tsx +++ b/src/components/main/Header/index.tsx @@ -6,13 +6,11 @@ import { Logo } from '~/components/main/Logo'; import { Filler } from '~/components/containers/Filler'; import { selectAuthUpdates, selectUser } from '~/redux/auth/selectors'; -import { Group } from '~/components/containers/Group'; import { DIALOGS } from '~/redux/modal/constants'; import { path, pick } from 'ramda'; import { UserButton } from '../UserButton'; import { Notifications } from '../Notifications'; import { URLS } from '~/constants/urls'; -import { createPortal } from 'react-dom'; import classNames from 'classnames'; import styles from './styles.module.scss'; @@ -22,8 +20,8 @@ import { IState } from '~/redux/store'; import isBefore from 'date-fns/isBefore'; import { Authorized } from '~/components/containers/Authorized'; import { useShallowSelect } from '~/utils/hooks/useShallowSelect'; -import { selectLabUpdates, selectLabUpdatesNodes } from '~/redux/lab/selectors'; -import { selectFlow, selectFlowUpdated } from '~/redux/flow/selectors'; +import { selectLabUpdatesNodes } from '~/redux/lab/selectors'; +import { selectFlowUpdated } from '~/redux/flow/selectors'; import { Button } from '~/components/input/Button'; const mapStateToProps = (state: IState) => ({ @@ -82,7 +80,7 @@ const HeaderUnconnected: FC = memo( const hasLabUpdates = useMemo(() => labUpdates.length > 0, [labUpdates]); const hasFlowUpdates = useMemo(() => flowUpdates.length > 0, [flowUpdates]); - return createPortal( + return (
@@ -141,8 +139,7 @@ const HeaderUnconnected: FC = memo( )}
-
, - document.body +
); } ); diff --git a/src/components/main/Header/styles.module.scss b/src/components/main/Header/styles.module.scss index 46a2a3fe..1d874db8 100644 --- a/src/components/main/Header/styles.module.scss +++ b/src/components/main/Header/styles.module.scss @@ -3,9 +3,8 @@ .wrap { height: $header_height; z-index: 25; - position: fixed; + position: sticky; top: 0; - left: 0; width: 100%; display: flex; align-items: stretch;