Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2024-10-27 20:44:07 +00:00
Code Issues Projects Releases Wiki Activity

(core) Make Raw Data page more responsive

Browse Source 
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
This commit is contained in:
George Gevoian 2023-12-19 00:15:35 -05:00
parent bd52665f96
commit af69a4c8f4
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/client/components/DataTables.ts
View File

@ -297,7 +297,7 @@ const cssList = styled('div', `
const cssTable = styled('div', ` const cssTable = styled('div', `
display: grid; 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-template-rows: 1fr;
grid-column-gap: 8px; grid-column-gap: 8px;
cursor: pointer; cursor: pointer;
@ -342,6 +342,7 @@ const cssDetailsRow = styled('div', `
// Holds dots menu (which is 24px x 24px) // Holds dots menu (which is 24px x 24px)
const cssTableButtons = styled('div', ` const cssTableButtons = styled('div', `
display: flex; display: flex;
flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
column-gap: 8px; column-gap: 8px;