long text control

This commit is contained in:
Burak Civan
2022-10-17 10:32:07 +03:00
parent 6e1ee934e9
commit 18b269a102
4 changed files with 16 additions and 5 deletions

View File

@@ -358,6 +358,7 @@ if (navigator.userAgent.search("Firefox") >= 0) {
}
//Firefox show modal for icon set
//margue animation for truncated text
document.querySelectorAll('[data-truncate]').forEach((truncate) => {
let truncateText = truncate.textContent.split(" ").join("");
@@ -376,6 +377,14 @@ document.querySelectorAll('[data-truncate]').forEach((truncate) => {
if (truncateText.length > 20) {
truncate.style.animationPlayState = 'paused';
truncate.classList.add('truncate');
truncate.classList.remove('animate-marquee');
}
});
if (document.body.clientWidth <= 991) {
if (truncate.parentElement.getAttribute('data-truncate-parent')) {
truncate.parentElement.remove();
}
}
});
//margue animation for truncated text

4
public/css/app.css vendored
View File

@@ -10036,8 +10036,8 @@ input[type="date"]::-webkit-inner-spin-button,
}
}
.animate-marquee{
-webkit-animation: marquee 15s linear infinite;
animation: marquee 15s linear infinite;
-webkit-animation: marquee 5s linear infinite;
animation: marquee 5s linear infinite;
}
.cursor-auto{
cursor: auto;