Viewing last 25 versions of post by Marker in topic Simple Userscripts and Other Knick-Knacks

Next thing I have is a small custom CSS rule that adds a small delay to the tag's hover dropdowns, so that they won't get in the way when you are trying to click on the tags below them, like so:
 
![full](https://i.icamguocdn.ponybooru.comrg/azJVZHF1htssNDUKjltP8nYtoSH99gu.4/aHR0cHM6Ly9pLmltZ3VyLmNvbS9hekpQOG51LmdpZgif!

)
 
Here is the CSS, you createn add new style rule with the Userstyles manuager of llyour choice. Or if you have "[Stylus":](https://github.com/openstyles/stylus) installed, simply "[click here":](https://gist.github.com/marktaiwan/7cc06dd4004850dbd163abe59a0158ed/raw/6af6847661b6f28765e4322573873b15ad068673/delayed-dropdown.user.css).
 

> ```

[bq][@[==
.tag.dropdown .dropdown\_\_content {
display: block;
overflow-y: hidden;
max-height: 0vh;
padding: 0px;
transition: max-height 0s, padding 0s;
}

.tag.dropdown:hover .dropdown\_\_content {
transition-delay: 0.5s;
max-height: 100vh;
}
==]@][/bq]```