gristlabs_grist-core/app/client/widgets/TextBox.css
Dmitry S b4c34cedad (core) Update UI for formula and column label/id in the right-side panel.
Summary:
- Update styling of label, id, and "derived ID from label" checkbox.
- Implement a label which shows 'Data Column' vs 'Formula Column' vs 'Empty Column',
  and a dropdown with column actions (such as Clear/Convert)
- Implement new formula display in the side-panel, and open the standard
  FormulaEditor when clicked.
- Remove old FieldConfigTab, of which now very little would be used.
- Fix up remaining code that relied on it (RefSelect)

Test Plan: Fixed old tests, added new browser cases, and a case for a new helper function.

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D2757
2021-03-17 01:35:56 -04:00

53 lines
1.1 KiB
CSS

.record-add .field_clip {
background-color: inherit;
}
.transform_field {
background-color: #FEFFE8;
}
@media not print {
.formula_field, .formula_field_edit {
padding-left: 18px;
}
.formula_field_edit {
color: #D0D0D0;
}
.formula_field::before, .formula_field_edit::before, .formula_field_sidepane::before {
/* based on standard icon styles */
content: "";
position: absolute;
top: 4px;
left: 2px;
display: inline-block;
vertical-align: middle;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-image: var(--icon-FunctionResult);
width: 16px;
height: 16px;
background-color: var(--icon-color, black);
cursor: pointer;
}
.formula_field::before {
background-color: #D0D0D0;
}
.formula_field_edit::before {
background-color: var(--grist-color-cursor);
}
.formula_field.invalid::before {
background-color: white;
color: #ffb6c1;
}
.formula_field_edit.invalid::before {
background-color: var(--grist-color-cursor);
color: #ffb6c1;
}
}
.invalid-text input {
background-color: #ffb6c1;
}