From c9fa13eadc08893e2954b97a0dff2fa783e8443b Mon Sep 17 00:00:00 2001
From: Dmitry S <dsagal+git@gmail.com>
Date: Thu, 4 Feb 2021 01:49:01 -0500
Subject: [PATCH] (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 |  2 ++
 app/client/ui/PagePanels.ts     | 11 +++++++++++
 2 files changed, 13 insertions(+)

diff --git a/app/client/aclui/AccessRules.ts b/app/client/aclui/AccessRules.ts
index 3d267246..1dd206af 100644
--- a/app/client/aclui/AccessRules.ts
+++ b/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;
diff --git a/app/client/ui/PagePanels.ts b/app/client/ui/PagePanels.ts
index f42fd2c2..238c3dbf 100644
--- a/app/client/ui/PagePanels.ts
+++ b/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};