shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

scenario edited

Browse Source
This commit is contained in:
Burak Civan
2022-11-14 11:54:09 +03:00
parent cabcdcb7df
commit 15e2c71f47
10 changed files with 93 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
public/akaunting-js/generalAction.js vendored
View File

@@ -441,38 +441,43 @@ document.querySelectorAll('[data-index-icon]').forEach((defaultText) => {
//margue animation for truncated text
// set with for page header
document.querySelectorAll('[data-page-title-first]').forEach((first) => {
document.querySelectorAll('[data-page-title-second]').forEach((second) => {
let title_truncate = first.querySelector('[data-title-truncate]');
if (title_truncate !== null) {
if (title_truncate.clientWidth > first.clientWidth) {
title_truncate.style.width = first.clientWidth + 'px';
let subtract = title_truncate.clientWidth - 40;
title_truncate.style.width = subtract + 'px';
}
if (second.clientHeight > 44) {
first.classList.add('w-full', 'sm:w-6/12');
} else {
first.classList.remove('sm:w-6/12');
}
if (first.clientWidth < title_truncate.clientWidth) {
// added specific width styling for truncate text
title_truncate.style.width = first.clientWidth + 'px';
let subtract = title_truncate.clientWidth - 40;
title_truncate.style.width = subtract + 'px';
title_truncate.classList.add('truncate');
// added specific width styling for truncate text
if (title_truncate.clientWidth > first.clientWidth) {
let marquee = first.querySelector('[data-title-truncate]');
// added specific width styling into the parent title element for truncate text
first.classList.add('w-full', 'sm:w-6/12');
// added specific width styling into the parent title element for truncate text
marquee.addEventListener('mouseover', function () {
marquee.classList.add('animate-marquee');
marquee.classList.remove('truncate');
marquee.style.animationPlayState = 'running';
});
title_truncate.parentNode.classList.add('overflow-x-hidden', 'hide-scroll-bar');
marquee.addEventListener('mouseout', function () {
marquee.style.animationPlayState = 'paused';
marquee.classList.remove('animate-marquee');
marquee.classList.add('truncate');
});
}
// added truncate animation for truncated text
title_truncate.addEventListener('mouseover', function () {
this.classList.add('animate-marquee');
this.classList.remove('truncate');
this.style.animationPlayState = 'running';
});
title_truncate.addEventListener('mouseout', function () {
this.style.animationPlayState = 'paused';
this.classList.remove('animate-marquee');
this.classList.add('truncate');
});
// added truncate animation for truncated text
}
// remove width class name for extend the right side
first.classList.remove('w-full', 'sm:w-6/12');
// remove width class name for extend the right side
});
});
// set with for page header

17
public/css/app.css vendored
View File

@@ -54091,6 +54091,17 @@ html[dir="rtl"] .lines-radius-border thead td:last-child {
}
/* plans page accordion */
/* hidden scroll-bar */
.hide-scroll-bar::-webkit-scrollbar {
display: none;
}
.hide-scroll-bar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
/* hidden scroll-bar */
@media only screen and (max-width: 480px) {
.small-table-width {
width: 550px;
@@ -57030,6 +57041,12 @@ body{
gap: 0px;
}
.sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:space-y-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));