feat(miniflux) highlight even better those filtered entries
This commit is contained in:
parent
625f041082
commit
792f01bf15
@ -1,14 +1,26 @@
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
// Style short reading time entries with user-preferred style
|
||||
// Style and animate short reading time entries
|
||||
document.querySelectorAll('article.item.entry-item').forEach(entry => {
|
||||
const readingTimeElement = entry.querySelector('.item-meta-info-reading-time span');
|
||||
if (readingTimeElement && (readingTimeElement.textContent.includes('1 minute') || readingTimeElement.textContent.includes('2 minutes'))) {
|
||||
entry.style.backgroundColor = 'rgb(37, 44, 39)'; // Dark muted greenish-gray
|
||||
entry.style.backgroundColor = 'rgb(37, 44, 39)'; // Base dark muted greenish-gray
|
||||
entry.style.border = '1px solid rgb(79, 194, 20)'; // Subtle green border
|
||||
entry.style.borderRadius = '4px'; // Smooth corners
|
||||
entry.style.borderRadius = '4px'; // Rounded corners
|
||||
entry.style.padding = '5px'; // Comfortable padding
|
||||
entry.style.transition = 'border-color 0.5s ease, box-shadow 0.5s ease'; // Smooth animation for border & shadow
|
||||
|
||||
// Add hover effect for geeky animation
|
||||
entry.addEventListener('mouseover', () => {
|
||||
entry.style.borderColor = 'rgb(129, 255, 50)'; // Brighter green on hover
|
||||
entry.style.boxShadow = '0 0 10px rgba(129, 255, 50, 0.8)'; // Neon glow effect
|
||||
});
|
||||
|
||||
entry.addEventListener('mouseout', () => {
|
||||
entry.style.borderColor = 'rgb(79, 194, 20)'; // Reset border color
|
||||
entry.style.boxShadow = 'none'; // Remove glow
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user