(core) Don't show mobile-friendly bottom bar when printing or embedding.

Test Plan: Added a check for bottom-footer on small screen to the InterfaceStyle test.

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D2722

app/client/aclui/AccessRules.ts

@@ -1076,6 +1076,7 @@ function getChangedStatus(value: boolean): RuleStatus {
 }
 
 const cssOuter = styled('div', `
+  flex: auto;
   height: 100%;
   width: 100%;
   max-width: 800px;
@@ -1085,6 +1086,7 @@ const cssOuter = styled('div', `
 `);
 
 const cssAddTableRow = styled('div', `
+  flex: none;
   margin: 16px 16px 8px 16px;
   display: flex;
   gap: 16px;

app/client/ui/PagePanels.ts

@@ -182,6 +182,9 @@ const cssPageContainer = styled(cssHBox, `
       bottom: 48px;
       min-width: 240px;
     }
+    .interface-light & {
+      bottom: 0;
+    }
   }
 `);
 export const cssLeftPane = styled(cssVBox, `
@@ -307,6 +310,14 @@ const cssBottomFooter = styled ('div', `
       display: none;
     }
   }
+  @media print {
+    & {
+      display: none;
+    }
+  }
+  .interface-light & {
+    display: none;
+  }
 `);
 const cssResizeFlexVHandle = styled(resizeFlexVHandle, `
   --resize-handle-color: ${colors.mediumGrey};