settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

feat: show quote card action buttons only on hover

Browse Source
This commit is contained in:
Settel 2022-08-11 20:05:08 +02:00
parent 5eca70df6a
commit dac63f9c35
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/components/QuoteCard.vue
View File

@ -59,9 +59,15 @@ const deleteQuote = () => useEngine().deleteQuote(props.quote.id)
font-size: 24px; font-size: 24px;
text-align: center; text-align: center;
cursor: default; cursor: default;
}
&__container:hover &__action-buttons {
visibility: visible;
} }
&__action-buttons { &__action-buttons {
visibility: hidden;
position: absolute; position: absolute;
right: -28px; right: -28px;
top: -24px; top: -24px;