Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

TootComposer: stops propagation of touch and wheel
Some checks failed
/ depoly (push) Has been cancelled
Details

Browse source
This commit is contained in:
thislight 2024-10-31 22:33:29 +08:00
parent 187ebdba33
commit a0ca305ef2
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 46 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/material/BottomSheet.css
View file

@ -17,7 +17,10 @@
&::backdrop {
background: none;
background: transparent;
transition: background-color 120ms var(--tutu-anim-curve-std);
transition-behavior: allow-discrete;
}
box-shadow: var(--tutu-shadow-e16);
@ -53,7 +56,7 @@
}
&.animated {
position: absolute;
position: fixed;
overflow: hidden;
will-change: width, height, top, left;
@ -66,16 +69,25 @@
top: unset;
transform: translateX(-50%);
bottom: 0;
content: content;
height: unset;
height: auto;
contain: content;
contain-intrinsic-size: unset;
&[open]::backdrop {
background: var(--tutu-color-shadow-l1);
}
@media (max-width: 560px) {
& {
transform: none;
height: unset;
height: auto;
}
}
}
}
}
@starting-style {
.BottomSheet::backdrop {
background: transparent;
}
}