gristlabs_grist-core/app/client/widgets/TextBox.css
George Gevoian beffd02c41 (core) Improve highlighting of previewed formula
Summary:
Also improves highlighting of columns when the "Click to insert"
tooltip is shown, and improves highlighting of transforming columns.

Test Plan: Manual.

Reviewers: paulfitz

Reviewed By: paulfitz

Differential Revision: https://phab.getgrist.com/D3962
2023-07-20 14:34:22 -04:00

54 lines
1.2 KiB
CSS

.record-add .field_clip {
background-color: var(--grist-theme-table-add-new-bg, inherit);
}
@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, .formula_field_edit::before {
background-color: #D0D0D0;
}
.formula_field_edit:not(.readonly)::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;
}
.readonly_editor .formula_field_edit::before {
display: none;
}
}
.invalid-text input {
background-color: #ffb6c1;
}