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

cell menu

Browse source
This commit is contained in:
Fedor Katurov 2019-10-21 21:37:55 +07:00
parent e35371e3aa
commit 353cadb09f
2 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/flow/Cell/index.tsx
View file

@ -28,6 +28,8 @@ const Cell: FC<IProps> = ({ node: { id, title, thumbnail, type, blocks }, onSele
className={classNames(styles.cell, 'vert-1', 'hor-1', { is_text: false })} className={classNames(styles.cell, 'vert-1', 'hor-1', { is_text: false })}
onClick={onClick} onClick={onClick}
> >
<div className={styles.menu}>MENU</div>
<div className={styles.face}> <div className={styles.face}>
{title && <div className={styles.title}>{title}</div>} {title && <div className={styles.title}>{title}</div>}
{text && <div className={styles.text}>{text}</div>} {text && <div className={styles.text}>{text}</div>}

23
src/components/flow/Cell/styles.scss
View file

@ -22,6 +22,14 @@
} }
} }
&:hover {
.menu {
opacity: 1;
pointer-events: all;
touch-action: auto;
}
}
@include outer_shadow(); @include outer_shadow();
} }
@ -124,3 +132,18 @@
border-radius: $cell_radius; border-radius: $cell_radius;
padding: $gap; padding: $gap;
} }
.menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 60px;
background: $content_bg;
z-index: 4;
border-radius: $radius;
opacity: 0;
pointer-events: none;
touch-action: none;
transition: opacity 0.5s;
}