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

comment locking initial

Browse source
This commit is contained in:
Fedor Katurov 2019-11-29 12:21:11 +07:00
parent 6eafc227da
commit 59d544c5f4
10 changed files with 139 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

55
src/components/node/CommentContent/styles.scss
View file

@ -1,5 +1,51 @@
@import 'flexbin/flexbin.scss';
.wrap {
position: relative;
}
.lock {
position: absolute;
right: 0;
top: 0;
width: 32px;
height: 32px;
border-radius: $radius;
transform: translate(10px, 0);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
touch-action: none;
transition: opacity 0.25s, transform 0.25s;
cursor: pointer;
background: $red;
& > div {
width: 20px;
height: 20px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
svg {
width: 16px;
height: 16px;
}
@include tablet {
right: 0;
border-radius: 0 0 0 $radius;
opacity: 1;
transform: translate(0, 0);
background: transparentize($red, $amount: 0.5);
}
}
.block {
@include outer_shadow();
min-height: $comment_height;
@ -20,6 +66,15 @@
&:last-child {
border-bottom-right-radius: $radius;
}
&:hover {
.lock {
opacity: 1;
pointer-events: all;
touch-action: initial;
transform: translate(0, 0);
}
}
}
.block_audio {