adrien/Jade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Moved message model selection to botton

Browse Source
This commit is contained in:
adrien
2024-05-11 15:32:57 +02:00
parent dd5170e039
commit b30bc71da4
6 changed files with 54 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/partials/message-user.html
+6 -6
View File
@@ -7,7 +7,7 @@
</div>
<div class="column" id="content-column">
<div class="is-flex is-align-items-start" style="position: relative; padding-right: 30px;">
<div class="is-flex is-align-items-start">
<div class="message-content">
<div class="message-header">
<p>
@@ -22,18 +22,18 @@
</div>
</div>
<div class="is-flex is-justify-content mt-2">
<button id="redo-button-{{ ID }}" class="button is-small is-primary delete-button is-outlined mr-2">
<button id="redo-button-{{ ID }}" class="button is-small is-primary message-button is-outlined mr-2">
<span class="icon">
<i class="fa-solid fa-arrows-rotate"></i>
</span>
</button>
<button id="edit-button-{{ ID }}" class="button is-small is-primary delete-button is-outlined mr-2">
<button id="edit-button-{{ ID }}" class="button is-small is-primary message-button is-outlined mr-2">
<span class="icon">
<i class="fa-solid fa-pen"></i>
</span>
</button>
<button id="delete-button-{{ ID }}" hx-post="/deleteMessage?id={{ ID }}" hx-swap="outerHTML"
hx-target="#chat-container" class="button is-small is-danger delete-button is-outlined mr-2">
hx-target="#chat-container" class="button is-small is-danger message-button is-outlined mr-2">
<span class="icon">
<i class="fa-solid fa-trash"></i>
</span>
@@ -44,12 +44,12 @@
</div>
<style>
.delete-button {
.message-button {
opacity: 0;
transition: opacity 0.3s ease;
}
.message-user:hover .delete-button {
.message-user:hover .message-button {
opacity: 1;
}
</style>