manuelcillero/pagetop
manuelcillero/pagetop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

♻️ (dropdown): Integra Dropdown con accessible-menu

Browse source 
Renombra `dropdown.init.js` a `basic.dropdown.init.js` y añade cierre
cruzado entre menús abiertos y cierre al clicar fuera. Corrige el icono
de apertura/cierre y el estado cerrado por defecto de dropdown-menu.
Migra `with_item` de `ChildOp` a `TypedOp<dropdown::Item>`.
This commit is contained in:
Manuel Cillero 2026-08-26 23:58:33 +02:00
parent 76c5cb9b76
commit af53cd4b52
6 changed files with 91 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

16
assets/css/basic.css
View file

@ -365,18 +365,14 @@ input:disabled + label {
cursor: pointer;
}
.dropdown-toggle::after {
content: "";
content: "\25BC";
display: inline-block;
width: 0.4em;
height: 0.4em;
margin-left: 0.35em;
border-right: 0.125em solid currentColor;
border-bottom: 0.125em solid currentColor;
transform: rotate(45deg);
font-size: 0.8em;
transition: transform .15s ease-in-out;
}
.dropdown:has(> .dropdown-menu.show) > .dropdown-toggle::after {
transform: rotate(-135deg);
transform: rotate(180deg);
}
.dropdown-menu {
@ -392,10 +388,12 @@ input:disabled + label {
border: 1px solid color-mix(in srgb, var(--val-color--border) 15%, var(--val-color--bg));
border-radius: 0.375rem;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.dropdown-menu.hide {
/* Closed by default */
display: none;
}
.dropdown-menu.show {
display: block;
}
.dropdown-item {
display: block;