Screw around with layout

src/view/com/util/Views.web.tsx

@@ -90,11 +90,11 @@ export const FlatList = React.forwardRef(function FlatListImpl<ItemT>(
   if (desktopFixedHeight) {
     if (typeof desktopFixedHeight === 'number') {
       // @ts-ignore Web only -prf
-      style = addStyle(style, {
-        height: `calc(100vh - ${desktopFixedHeight}px)`,
-      })
+      // style = addStyle(style, {
+      //   height: `calc(100vh - ${desktopFixedHeight}px)`,
+      // })
     } else {
-      style = addStyle(style, styles.fixedHeight)
+      // style = addStyle(style, styles.fixedHeight)
     }
     if (!isMobile) {
       // NOTE
@@ -228,7 +228,6 @@ const styles = StyleSheet.create({
     borderLeftWidth: 1,
     borderRightWidth: 1,
     // @ts-ignore web only
-    minHeight: '100vh',
   },
   container: {
     width: '100%',

src/view/shell/desktop/LeftNav.tsx

@@ -436,7 +436,7 @@ export function DesktopLeftNav() {
 
 const styles = StyleSheet.create({
   leftNav: {
-    position: 'absolute',
+    position: 'fixed',
     top: 10,
     // @ts-ignore web only
     right: 'calc(50vw + 312px)',

src/view/shell/index.web.tsx

@@ -33,7 +33,7 @@ function ShellInner() {
   }, [navigator, closeAllActiveElements])
 
   return (
-    <View style={[s.hContentRegion, {overflow: 'hidden'}]}>
+    <View style={[s.hContentRegion]}>
       <View style={s.hContentRegion}>
         <ErrorBoundary>
           <FlatNavigator />