fix(app): suppress review sidebar hydration motion (#36847)
This commit is contained in:
parent
59fe350972
commit
21f8184c58
6 changed files with 74 additions and 2 deletions
|
|
@ -38,7 +38,8 @@
|
|||
border-right-width: 0;
|
||||
}
|
||||
|
||||
[data-component="session-review-v2-sidebar-root"] [data-slot="session-review-v2-sidebar"]:not([data-resizing]) {
|
||||
[data-component="session-review-v2-sidebar-root"]
|
||||
[data-slot="session-review-v2-sidebar"][data-transition]:not([data-resizing]) {
|
||||
transition:
|
||||
width 200ms cubic-bezier(0.22, 1, 0.36, 1),
|
||||
border-right-width 200ms cubic-bezier(0.22, 1, 0.36, 1);
|
||||
|
|
|
|||
|
|
@ -39,6 +39,7 @@ export type SessionReviewV2Props = {
|
|||
|
||||
export type SessionReviewV2SidebarProps = {
|
||||
open: boolean
|
||||
transition: boolean
|
||||
title?: JSX.Element
|
||||
stats?: JSX.Element
|
||||
filter: string
|
||||
|
|
@ -76,6 +77,7 @@ export function SessionReviewV2Sidebar(props: SessionReviewV2SidebarProps) {
|
|||
<Show when={props.open}>
|
||||
<aside
|
||||
data-slot="session-review-v2-sidebar"
|
||||
data-transition={props.transition ? "" : undefined}
|
||||
data-resizing={resizing() ? "" : undefined}
|
||||
style={{ width: `${width()}px` }}
|
||||
>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue