fix mobile track workspace layout
This commit is contained in:
@@ -18,6 +18,30 @@
|
||||
padding: 8px 14px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Track criteria live in a portal-backed SideSheet on phones, so the stage is
|
||||
* the only in-flow workspace child. Bind layout to the component's mobile
|
||||
* state instead of relying on overlapping historical media-query overrides.
|
||||
*/
|
||||
.v2-track-page.is-mobile-layout,
|
||||
.v2-track-page.is-mobile-layout.is-rail-collapsed {
|
||||
display: flex;
|
||||
grid-template-columns: none;
|
||||
grid-template-rows: none;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.v2-track-page.is-mobile-layout > .v2-monitor-return {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.v2-track-page.is-mobile-layout > .v2-track-stage {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
/* Semi UI trajectory replay workspace: one evidence rail, one map overlay and
|
||||
* one compact playback surface. */
|
||||
.v2-track-page {
|
||||
|
||||
Reference in New Issue
Block a user