adjust drawer mode width

src/client/js/components/Sidebar.jsx

@@ -16,7 +16,7 @@ import SidebarNav from './Sidebar/SidebarNav';
 import SidebarContents from './Sidebar/SidebarContents';
 import StickyStretchableScroller from './StickyStretchableScroller';
 
-const sidebarDefaultWidth = 240;
+const sidebarDefaultWidth = 320;
 
 class Sidebar extends React.Component {
 
@@ -181,7 +181,7 @@ class Sidebar extends React.Component {
               experimental_hideNavVisuallyOnCollapse
               experimental_flyoutOnHover
               experimental_alternateFlyoutBehaviour
-              // experimental_fullWidthFlyout
+              experimental_fullWidthFlyout
               shouldHideGlobalNavShadow
               showContextualNavigation
             >

src/client/styles/scss/_sidebar.scss

@@ -157,6 +157,8 @@
   div[data-testid='Navigation'] {
     position: fixed;
 
+    max-width: 80vw;
+
     // css-xxx-Outer
     > div:nth-of-type(2) {
       display: none;
@@ -165,7 +167,7 @@
 
   &:not(.open) {
     div[data-testid='Navigation'] {
-      left: -#{$grw-sidebar-nav-width + $grw-sidebar-content-min-width};
+      left: -80vw;
     }
   }
   &.open {