(core) Fix "Column Label and ID" widget to avoid getting truncated on some browsers

Summary:
The widget showing column label, ID, and a button for keeping them linked, used
to get truncated depending on the default size of inputs. This makes it
resize dynamically based on the width of the creator panel.

Test Plan: CSS-only change, tested manually on FF and Chrome.

Reviewers: alexmojaki

Reviewed By: alexmojaki

Differential Revision: https://phab.getgrist.com/D3165
This commit is contained in:
Dmitry S 2021-12-03 11:59:05 -05:00
parent cf9e0585a9
commit ef1fc916e6

View File

@ -396,6 +396,8 @@ const cssToggleButton = styled(cssIconButton, `
const cssColLabelBlock = styled('div', ` const cssColLabelBlock = styled('div', `
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: auto;
min-width: 80px;
`); `);
const cssColTieBlock = styled('div', ` const cssColTieBlock = styled('div', `