added animation
This commit is contained in:
8
public/akaunting-js/generalAction.js
vendored
8
public/akaunting-js/generalAction.js
vendored
@ -52,12 +52,12 @@ document.querySelectorAll("[data-table-body]").forEach((table) => {
|
||||
if (document.body.clientWidth <= 768) {
|
||||
table.querySelectorAll('[data-table-list]').forEach((actions) => {
|
||||
actions.querySelector('[data-mobile-actions]').addEventListener('click', function() {
|
||||
this.closest('td').querySelector('[data-mobile-actions-modal]').classList.add('show', 'flex');
|
||||
this.closest('td').querySelector('[data-mobile-actions-modal]').classList.remove('hidden');
|
||||
this.closest('td').querySelector('[data-mobile-actions-modal]').classList.add('show');
|
||||
this.closest('td').querySelector('[data-mobile-actions-modal]').classList.remove('opacity-0', 'invisible');
|
||||
|
||||
this.closest('td').querySelector('[data-mobile-actions-modal]').addEventListener('click', function() {
|
||||
this.classList.add('hidden');
|
||||
this.classList.remove('show', 'flex');
|
||||
this.classList.add('opacity-0', 'invisible');
|
||||
this.classList.remove('show');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
10
public/css/app.css
vendored
10
public/css/app.css
vendored
@ -54493,16 +54493,16 @@ body{
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.hover\:bg-gray-100:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.hover\:bg-lilac-100:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(245 247 250 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.hover\:bg-gray-100:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.hover\:bg-gray-200:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
||||
|
Reference in New Issue
Block a user