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 comment menu icon

Browse source
This commit is contained in:
Fedor Katurov 2022-01-25 16:24:27 +07:00
parent 8b3e118a7b
commit fdd404cd4d
5 changed files with 46 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/comment/CommentMenu/index.tsx
View file

@ -1,5 +1,7 @@
import React, { FC, useCallback, useState } from 'react';
import { MenuDots } from '~/components/common/MenuDots';
import styles from './styles.module.scss';
interface IProps {
@ -15,7 +17,7 @@ const CommentMenu: FC<IProps> = ({ onEdit, onDelete }) => {
return (
<div className={styles.wrap} onFocus={onFocus} onBlur={onBlur} tabIndex={-1}>
<div className={styles.dot} />
<MenuDots onClick={onFocus} />
{is_menu_opened && (
<div className={styles.menu}>

15
src/components/comment/CommentMenu/styles.module.scss
View file

@ -2,8 +2,8 @@
.wrap {
position: absolute;
right: 0;
top: 0;
right: -3px;
top: -3px;
width: 48px;
height: 48px;
z-index: 10;
@ -17,17 +17,6 @@
}
}
.dot {
width: 10px;
height: 10px;
border-radius: 100%;
background: transparentize(black, 0.7);
position: absolute;
right: 6px;
top: 6px;
transition: background 0.25s;
}
@keyframes appear {
0% {
opacity: 0;