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); cfc.appendChild(im);
let cf = document.createElement('b'); let cf = document.createElement('b');
cf.className = 'file-name'; cf.className = 'file-name';
if (file.name.length > 20) { if (file.name.length > 25) {
cf.classList.add('large-file-name'); 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'); let lfnc = document.createElement('div');
lfnc.className = 'large-file-name-container'; lfnc.className = 'large-file-name-container';
cfc.appendChild(lfnc); cfc.appendChild(lfnc);

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

Loading…
Cancel
Save