starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-24 09:38:35 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: improve transactions action bar animation

Browse Source
This commit is contained in:
Herculino Trotta
2025-12-13 20:47:51 -03:00
parent 606e6b3843
commit cf7d4b1404
4 changed files with 33 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/templates/cotton/ui/deleted_transactions_action_bar.html
View File

@@ -3,9 +3,9 @@
if #actions-bar then
if no <input[type='checkbox']:checked/> in #transactions-list
if #actions-bar
add .slide-in-bottom-reverse then settle
add .slide-in-bottom-short-reverse then settle
then add .hidden to #actions-bar
then remove .slide-in-bottom-reverse
then remove .slide-in-bottom-short-reverse
end
else
if #actions-bar
@@ -16,7 +16,7 @@
end
end
end">
<div class="card bg-base-300 shadow slide-in-bottom max-w-[90vw] card-border">
<div class="card bg-base-300 shadow slide-in-bottom-short max-w-[90vw] card-border mt-5">
<div class="card-body flex-row p-2 flex justify-between items-center gap-3 overflow-x-auto">
{% spaceless %}
<div class="font-bold text-md ms-2" id="selected-count">0</div>

6
app/templates/cotton/ui/transactions_action_bar.html
View File

@@ -3,9 +3,9 @@
if #actions-bar then
if no <input[type='checkbox']:checked/> in #transactions-list
if #actions-bar
add .slide-in-bottom-reverse then settle
add .slide-in-bottom-short-reverse then settle
then add .hidden to #actions-bar
then remove .slide-in-bottom-reverse
then remove .slide-in-bottom-short-reverse
end
else
if #actions-bar
@@ -16,7 +16,7 @@
end
end
end">
<div class="card bg-base-300 shadow slide-in-bottom max-w-[90vw] card-border">
<div class="card bg-base-300 shadow slide-in-bottom-short max-w-[90vw] card-border mt-5">
<div class="card-body flex-row p-2 flex justify-between items-center gap-3 overflow-x-auto">
{% spaceless %}
<div class="font-bold text-md ms-2" id="selected-count">0</div>