Fix a visual bug where the lyrics panel box-shadow was visible when hidden
This commit is contained in:
parent
51a65c5190
commit
b073f50fe3
1 changed files with 3 additions and 2 deletions
|
|
@ -2585,12 +2585,13 @@ input:checked + .slider::before {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
transform: translateX(100%);
|
transform: translateX(100%);
|
||||||
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
|
||||||
box-shadow: var(--shadow-xl);
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lyrics-panel:not(.hidden) {
|
.lyrics-panel:not(.hidden) {
|
||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
|
box-shadow: var(--shadow-xl);
|
||||||
}
|
}
|
||||||
|
|
||||||
.lyrics-header {
|
.lyrics-header {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue