From ef1fc916e67d66256b3d73eb0464230ea73fb67d Mon Sep 17 00:00:00 2001 From: Dmitry S Date: Fri, 3 Dec 2021 11:59:05 -0500 Subject: [PATCH] (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 --- app/client/ui/FieldConfig.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/app/client/ui/FieldConfig.ts b/app/client/ui/FieldConfig.ts index 295a5c97..2a86a9e6 100644 --- a/app/client/ui/FieldConfig.ts +++ b/app/client/ui/FieldConfig.ts @@ -396,6 +396,8 @@ const cssToggleButton = styled(cssIconButton, ` const cssColLabelBlock = styled('div', ` display: flex; flex-direction: column; + flex: auto; + min-width: 80px; `); const cssColTieBlock = styled('div', `