Support touchscreen navigation.

This commit is contained in:
Cutieguwu
2025-08-21 12:32:49 -04:00
parent 5bde31a42f
commit 5bc1d2ecd9
4 changed files with 28 additions and 19 deletions

View File

@@ -1,5 +1,5 @@
.dropdown {
> header {
> label.item {
display: grid;
grid-template-columns: 1fr min-content;
align-items: center;
@@ -20,10 +20,18 @@
padding: 0 var(--spacing-small);
list-style: none;
}
> input:checked + label {
color: var(--highlight-hover);
+ ul {
display: grid;
}
}
}
.dropdown:hover {
> header {
> label.item {
transform: var(--transform-scale-x);
> ion-icon {
@@ -38,7 +46,7 @@
}
@media only screen and (max-width: 500px) {
.dropdown > header > ion-icon {
.dropdown > label.item > ion-icon {
margin-right: var(--padding-mobile);
}
}