Button animations

This commit is contained in:
mrfry 2021-05-21 09:35:03 +02:00
parent 0fcdcbc812
commit 254482e812
5 changed files with 1 additions and 17 deletions

View file

@ -78,7 +78,6 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
</span>
{own && (
<span
className={styles.delete_bttn}
onClick={() => {
onDelete([index])
}}

View file

@ -18,16 +18,6 @@
color: gainsboro;
}
.delete_bttn {
font-size: 15px;
transition: width 0.5s, height 0.5s, ease-in 0.5s;
}
.delete_bttn:hover {
transition: width 0.5s, height 0.5s, ease-out 0.5s;
color: gainsboro;
}
.comment {
margin-left: 10px;
margin-right: 30px;

View file

@ -44,7 +44,6 @@ export default function NewsEntry({
<div className={'actions'}>
{uid === user ? (
<span
className={styles.delete_bttn}
onClick={() => {
onPostDelete()
}}

View file

@ -27,11 +27,6 @@
margin: 5px 5px;
}
.delete_bttn {
font-size: 15px;
transition: width 0.5s, height 0.5s, ease-in 0.5s;
}
.adminPost {
border-left: 4px solid var(--text-color);
}

View file

@ -361,6 +361,7 @@ input:focus {
border-radius: 6px;
cursor: pointer;
user-select: none;
transition: width 0.5s, height 0.5s, ease-in 0.2s;
}
.actions > span:hover {