(core) Make Raw Data page more responsive

Summary:
With both panels expanded and a narrow viewport, the tables on the
Raw Data page would visibly overflow. This improves things so that
overflow is handled more gracefully.

Test Plan: Manual.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D4147
pull/805/head
George Gevoian 5 months ago
parent bd52665f96
commit af69a4c8f4

@ -297,7 +297,7 @@ const cssList = styled('div', `
const cssTable = styled('div', `
display: grid;
grid-template-columns: 16px auto 100px 56px;
grid-template-columns: 16px minmax(32px, auto) minmax(0, 100px) minmax(0, 56px);
grid-template-rows: 1fr;
grid-column-gap: 8px;
cursor: pointer;
@ -342,6 +342,7 @@ const cssDetailsRow = styled('div', `
// Holds dots menu (which is 24px x 24px)
const cssTableButtons = styled('div', `
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
column-gap: 8px;

Loading…
Cancel
Save