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

fix(columnDesc): improve styling

Browse Source
This commit is contained in:
Camille 2023-01-26 15:54:02 +01:00
parent 5ca0b93576
commit 5afb2e2fee
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/client/ui/FieldConfig.ts
View File

@ -8,7 +8,7 @@ import {cssBlockedCursor, cssLabel, cssRow} from 'app/client/ui/RightPanelStyles
import { withQuestionMarkTooltip } from 'app/client/ui/tooltips'; import { withQuestionMarkTooltip } from 'app/client/ui/tooltips';
import {buildFormulaTriggers} from 'app/client/ui/TriggerFormulas'; import {buildFormulaTriggers} from 'app/client/ui/TriggerFormulas';
import {textButton} from 'app/client/ui2018/buttons'; import {textButton} from 'app/client/ui2018/buttons';
import {testId, theme} from 'app/client/ui2018/cssVars'; import { testId, theme, vars } from 'app/client/ui2018/cssVars';
import {textInput} from 'app/client/ui2018/editableLabel'; import {textInput} from 'app/client/ui2018/editableLabel';
import {cssIconButton, icon} from 'app/client/ui2018/icons'; import {cssIconButton, icon} from 'app/client/ui2018/icons';
import {IconName} from 'app/client/ui2018/IconList'; import {IconName} from 'app/client/ui2018/IconList';
@ -113,8 +113,8 @@ export function buildDescriptionConfig(
cssRow( cssRow(
editor = cssTextArea(fromKo(origColumn.description), editor = cssTextArea(fromKo(origColumn.description),
{ onInput: false }, { onInput: false },
{ placeholder: t("If necesary, describe the column") }, { rows: '3' },
dom.on('input', async (e, elem) => { dom.on('blur', async (e, elem) => {
editedDescription.set(elem.value); editedDescription.set(elem.value);
await origColumn.description.saveOnly(elem.value); await origColumn.description.saveOnly(elem.value);
editedDescription.set(''); editedDescription.set('');
@ -544,6 +544,15 @@ const cssTextArea = styled(textarea, `
&[readonly] { &[readonly] {
background-color: ${theme.inputDisabledBg}; background-color: ${theme.inputDisabledBg};
color: ${theme.inputDisabledFg}; padding: 3px 7px;
border-radius: 3px;
resize: vertical;
border: 1px solid ${theme.inputBorder};
color: ${theme.inputFg};
background-color: ${theme.inputBg};
flex: 1 1 0;
font-size: ${vars.mediumFontSize};
font-family: ${vars.fontFamily};
outline: none;
} }
`); `);