fix marquee speed and start pos

toast
Kit Kasune 3 years ago
parent 23991de3b4
commit 95c90a3d04
  1. 4
      scripts/fileview/load/render.js
  2. 6
      styles/files.css

@ -31,9 +31,9 @@ module.exports = (dir) => {
cfc.appendChild(im);
let cf = document.createElement('b');
cf.className = 'file-name';
if (file.name.length > 20) {
if (file.name.length > 25) {
cf.classList.add('large-file-name');
cf.style.animationDuration = `${file.name.length / 2}s`;
cf.style.animationDuration = `${file.name.length / 2.5}s`;
let lfnc = document.createElement('div');
lfnc.className = 'large-file-name-container';
cfc.appendChild(lfnc);

@ -74,8 +74,8 @@
}
@keyframes scroll-text {
from {transform: translateX(100%);}
to {transform: translateX(-100%);}
from {transform: translateX(35%);}
to {transform: translateX(-100.5%);}
}
.large-file-name {
@ -84,6 +84,8 @@
width: max-content;
height: max-content;
margin: 0 0;
transform: translateX(0%);
animation-fill-mode: both;
}
.large-file-name-container {

Loading…
Cancel
Save