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

fixed panel appearance

Browse source
This commit is contained in:
Fedor Katurov 2020-04-30 11:23:02 +07:00
parent c3e92e1b47
commit 7f372bb025
2 changed files with 12 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/node/NodePanelInner/index.tsx
View file

@ -62,7 +62,7 @@ const NodePanelInner: FC<IProps> = memo(
{can_edit && ( {can_edit && (
<div className={styles.editor_menu}> <div className={styles.editor_menu}>
<div className={styles.editor_menu_button}> <div className={styles.editor_menu_button}>
<Icon icon="dots-vertical" size={24} onClick={onStar} /> <Icon icon="dots-vertical" size={24} />
</div> </div>
<div className={styles.editor_buttons}> <div className={styles.editor_buttons}>

21
src/components/node/NodePanelInner/styles.scss
View file

@ -253,18 +253,19 @@
} }
.editor_menu { .editor_menu {
// position: relative;
&:hover { &:hover {
.editor_buttons { .editor_buttons {
display: flex; @include tablet {
position: absolute; display: flex;
right: 0; position: absolute;
top: 100%; right: 0;
background: darken($content_bg, 4%); top: 100%;
padding: $gap $gap * 2; background: darken($content_bg, 4%);
border-radius: $radius; padding: $gap * 2;
box-shadow: transparentize(black, 0.8) 5px 5px 5px; border-radius: $radius;
box-shadow: transparentize(black, 0.8) 5px 5px 5px;
transform: translate(0, -10px);
}
} }
} }
} }