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

NodeImageBlock resizes to content

Browse source
This commit is contained in:
muerwre 2019-08-25 17:29:26 +07:00
parent a0272f5baa
commit 1299a0e766
5 changed files with 79 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/node/NodeImageBlock/styles.scss
View file

@ -5,6 +5,9 @@
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
transition: height 0.5s;
.image {
max-height: 800px;
@ -13,3 +16,19 @@
border-radius: $radius $radius 0 0;
}
}
.image_wrap {
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
touch-action: none;
z-index: 1;
transition: opacity 0.5s;
&:global(.is_active) {
opacity: 1;
}
}