Does :hover work in 3.1.1?
Steinar Bang <[email protected]>
| Newsgroups | gmane.comp.web.dillo.devel |
|---|---|
| Organization | Probably a good idea |
| Message-ID | <[email protected]> |
Does :hover work in 3.1.1?
I am trying to write a JavaScript-less dropdown to switch locale as
e.g. outlined here:
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown
Short story: the dropdown is an ul with "display: none" and hovering
over a parent element (that is displayed) is supposed to switch to
"display: block".
But nothing happens when I hover over the parent.
Google found me this, dated August 19 2022, listing pseudo-classes as
Pending, but August 19 2022 is almost two years ago...?
https://dillo.org/css.html
(looks like that "Pending" may be from January 1 2015...?)
If :hover doesn't work I will have to do it a different way: maybe with
a separate settings page containing a form...?
Here is the HTML of the dropdown:
<li>
<div class="locale-dropdown">
<a href="">Language</a>
<ul class="locale-dropdown-content">
<li><a href="">English</a></li>
<li><a href="">norsk bokmål</a></li>
</ul>
</div>
</li>
(the dropdown is nested in a <li> that is part of the <ul> that forms the <nav>)
The CSS looks like this:
.locale-dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.locale-dropdown:hover .locale-dropdown-content {
display: block;
}
_______________________________________________
Dillo-dev mailing list -- dillo-dev-lx9mn2B4QYRWk0Htik3J/[email protected]
To unsubscribe send an email to dillo-dev-leave-lx9mn2B4QYRWk0Htik3J/[email protected]