revert: simplify to only resize container, restore image visibility
This commit is contained in:
parent
9c5accc503
commit
b8ccd29665
@ -97,37 +97,15 @@
|
||||
height: 50px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.plyr__preview-thumb__image-container img {
|
||||
transform: scale(0.35) !important;
|
||||
transform-origin: top left !important;
|
||||
}
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
console.log('Custom styles added for preview thumb image container');
|
||||
}
|
||||
|
||||
// Function to continuously update image scale to ensure it takes effect
|
||||
function updateImageScale() {
|
||||
const images = document.querySelectorAll('.plyr__preview-thumb__image-container img');
|
||||
images.forEach(img => {
|
||||
if (!img.style.transform || !img.style.transform.includes('scale(0.35)')) {
|
||||
img.style.setProperty('transform', 'scale(0.35)', 'important');
|
||||
img.style.setProperty('transform-origin', 'top left', 'important');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Run the sort function after the DOM content has loaded
|
||||
window.addEventListener('load', function() {
|
||||
addCustomStyles();
|
||||
addSortButton();
|
||||
sortAllVideos();
|
||||
|
||||
// Periodically update image scale to ensure it takes effect
|
||||
setInterval(updateImageScale, 1000);
|
||||
|
||||
// Also update immediately
|
||||
setTimeout(updateImageScale, 100);
|
||||
setTimeout(updateImageScale, 500);
|
||||
})
|
||||
})();
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user