muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-06-22 01:28:29 +07:00
Code Packages Activity Actions

optimized scrolls

Browse source
This commit is contained in:
Fedor Katurov 2019-10-23 10:42:25 +07:00
parent 948817e8fc
commit f169de370a
12 changed files with 110 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/containers/BlurWrapper/styles.scss
View file

@ -1,7 +1,7 @@
.blur {
filter: blur(0);
transition: filter 0.25s;
max-height: 100vh;
width: 100vw;
overflow: visible auto;
// max-height: 100vh;
// width: 100vw;
// overflow: visible auto;
}

1
src/components/containers/CommentWrapper/styles.scss
View file

@ -55,6 +55,7 @@
border-radius: $panel_radius 0 0 $panel_radius;
background-size: cover;
flex: 0 0 $comment_height;
will-change: transform;
@include tablet {
height: 32px;

7
src/components/containers/PageCover/index.tsx
View file

@ -1,4 +1,4 @@
import React, { FC } from 'react';
import React, { FC, memo } from 'react';
import * as styles from './styles.scss';
import { createPortal } from 'react-dom';
import { selectNode } from '~/redux/node/selectors';
@ -10,7 +10,7 @@ const mapStateToProps = state => pick(['current_cover_image'], selectNode(state)
type IProps = ReturnType<typeof mapStateToProps> & {};
const PageCoverUnconnected: FC<IProps> = ({ current_cover_image }) =>
const PageCoverUnconnected: FC<IProps> = memo(({ current_cover_image }) =>
current_cover_image
? createPortal(
<div
@ -19,7 +19,8 @@ const PageCoverUnconnected: FC<IProps> = ({ current_cover_image }) =>
/>,
document.body
)
: null;
: null
);
const PageCover = connect(mapStateToProps)(PageCoverUnconnected);
export { PageCover };

1
src/components/containers/PageCover/styles.scss
View file

@ -17,6 +17,7 @@
width: 100%;
height: 100%;
animation: fadeIn 2s;
will-change: transform, opacity;
&::after {
content: ' ';