[A11y] Fix sneak-peek for cart (#5076)

This commit is contained in:
Richard Schreiber
2025-05-09 08:38:34 +02:00
committed by GitHub
parent 2b735bec0b
commit 7472564c26
3 changed files with 65 additions and 40 deletions

View File

@@ -521,12 +521,17 @@ details summary {
transform: rotate(-90deg);
}
details.sneak-peek {
.sneak-peek-container {
position: relative;
height: 11em;
}
.sneak-peek-content {
height: 8em;
overflow: hidden;
transition: height .5s;
}
.nojs .sneak-peek-content {
height: auto;
}
.sneak-peek-trigger {
display: grid;
justify-content: center;
@@ -540,6 +545,14 @@ details.sneak-peek {
bottom: 0;
left: 0;
z-index: 10;
opacity: 1;
transition: opacity .5s;
}
.nojs .sneak-peek-trigger {
display: none;
}
.sneak-peek-trigger:has(button[aria-expanded="true"]) {
opacity: 0;
}
form.download-btn-form {