UQuiz Scroll Trending Bar, Disable Animations by wac

Details
Authorwac
LicenseMIT
Created
Updated
Categoryuquiz
Statistics
Learn how we calculate statistics in the FAQ.
Total views
Total installs
Weekly installs
Weekly updates
Description
Makes the "Trending" header larger when you hover, and makes it scroll-able. Highlights the quiz that was in the trending header quiz while the header is expanded.
Disables the slide-in animation that happens when something changes in the trending header.
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name UQuiz Scroll Trending Bar
@namespace userstyles.world
@version 1.0.0
==/UserStyle== */
@-moz-document domain("uquiz.com") {
.trending_header:hover {
flex-direction: column;
align-items: start;
}
.trending_header:hover .trending_ticker {
height: fit-content;
max-height: 70vh;
overflow-y: auto;
width: 100%;
}
.trending_header:hover .trending_ticker a.trending_quiz {
display: block;
animation: none !important;
}
.trending_header:hover .trending_ticker a.trending_quiz.show {
background-color: yellow;
color: black;
}
.trending_header .trending_ticker a.trending_quiz {
animation: none !important;
}
}