muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-05-03 00:26:41 +07:00
Code Packages Activity Actions

fixed slide block transitions

Browse source
This commit is contained in:
Fedor Katurov 2019-11-07 15:43:39 +07:00
parent d06593b4cb
commit f837924ad4
3 changed files with 56 additions and 47 deletions
src/components/node/NodeImageSlideBlock
styles.scss

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

@ -17,6 +17,11 @@
overflow: hidden;
user-select: none;
will-change: transform, height;
transition: height 500ms, transform 500ms;
&:active {
transition: none;
}
.image {
max-height: 960px;
@ -44,22 +49,18 @@
}
.placeholder {
padding-bottom: 66%;
position: relative;
& > div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.025;
}
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background: $content_bg;
z-index: 1;
svg {
opacity: 0.025;
fill: white;
}
}