muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 21:06:42 +07:00
Code Packages Activity Actions

fixed images to be under node

Browse source
This commit is contained in:
Fedor Katurov 2020-04-21 16:35:14 +07:00
parent 335c9b6523
commit 650e62cfa1
4 changed files with 106 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/node/NodeImageSlideBlock/index.tsx
View file

@ -165,7 +165,8 @@ const NodeImageSlideBlock: FC<IProps> = ({
const updateMaxHeight = useCallback(() => {
if (!wrap.current) return;
const { width } = wrap.current.getBoundingClientRect();
setMaxHeight(width * NODE_SETTINGS.MAX_IMAGE_ASPECT);
// setMaxHeight(width * NODE_SETTINGS.MAX_IMAGE_ASPECT);
setMaxHeight(window.innerHeight - 175);
normalizeOffset();
}, [wrap, setMaxHeight, normalizeOffset]);

13
src/components/node/NodeImageSlideBlock/styles.scss
View file

@ -4,7 +4,8 @@
min-width: 0;
width: 100%;
transition: height 0.25s;
border-radius: $radius $radius 0 0;
border-radius: $radius;
margin-bottom: 20px;
.is_loading {
.placeholder {
@ -24,17 +25,21 @@
user-select: none;
will-change: transform, height;
transition: height 500ms, transform 500ms;
padding: 10px 0;
&:active {
transition: none;
}
.image {
// that was for containered image:
// max-height: 960px;
max-height: 120vh !important;
max-width: 100%;
// max-height: 120vh !important;
// max-width: 100%;
opacity: 1;
border-radius: $radius $radius 0 0;
border-radius: $radius;
box-shadow: transparentize($color: white, $amount: 0.95) 0 -1px,
transparentize($color: #000000, $amount: 0.5) 0 4px 10px;
}
&.is_dragging {