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> </span>
{own && ( {own && (
<span <span
className={styles.delete_bttn}
onClick={() => { onClick={() => {
onDelete([index]) onDelete([index])
}} }}

View file

@ -18,16 +18,6 @@
color: gainsboro; 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 { .comment {
margin-left: 10px; margin-left: 10px;
margin-right: 30px; margin-right: 30px;

View file

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

View file

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

View file

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