saas-one/frontend/operation-web/ext/classic/theme-neutral/sass/var/grid-field.scss

/*
 * Vars for fields which are rendered to fit inside grid cells.
 * This includes cell and row editor fields and fields in widget columns.
 */

// <editor-fold desc="Grid Editor Base Variables">

/**
 *  @class Ext.form.field.Base
 */

/**
 * @var {number}
 * The height of text fields rendered in the context of a grid cell.  Defaults to $form-field-height.  If grid row
 * height is smaller than $form-field-height, defaults to the grid row height.  Grid row
 * height is calculated by adding $grid-row-cell-line-height to the top and bottom values of
 * $grid-cell-inner-padding.
 */
$grid-cell-field-height: dynamic(if($grid-row-height < $form-field-height, $grid-row-height, $form-field-height));

/**
 * @var {number/list}
 * The padding of grid fields.
 */
$grid-cell-field-padding: dynamic(
    top($form-field-padding)
    right($grid-cell-inner-padding) - $form-field-border-width
    bottom($form-field-padding)
    left($grid-cell-inner-padding) - $form-field-border-width
);

/**
 * @var {number}
 * The color of the grid field text
 */
$grid-cell-field-color: dynamic($grid-row-cell-color);

/**
 * @var {number}
 * The font size of the grid field text
 */
$grid-cell-field-font-size: dynamic($grid-row-cell-font-size);

/**
 * @var {string}
 * The font-weight of the grid field text
 */
$grid-cell-field-font-weight: dynamic($grid-row-cell-font-weight);

/**
 * @var {string}
 * The font-family of the grid field text
 */
$grid-cell-field-font-family: dynamic($grid-row-cell-font-family);

/**
 * @var {boolean}
 * True to include the "grid-cell" form field UIs input fields rendered in the context of a grid cell.
 *
 * This defaults to `true`. It is required if either grid editors
 * ({@link Ext.grid.plugin.CellEditing cell} or {@link Ext.grid.plugin.RowEditing row})
 * are being used, or if a {@link Ext.grid.column.Widget WidgetColumn} is being used to
 * house an input field.
 */
$include-grid-cell-field-ui: dynamic(false);

// </editor-fold>

// <editor-fold desc="Grid Editor Text Field Variables">

/**
 *  @class Ext.form.field.Text
 */

/**
 * @var {number}
 * The height of text fields rendered in the context of a grid cell
 */
$grid-cell-text-field-height: dynamic($grid-cell-field-height);

/**
 * @var {number}
 * Font size for text fields rendered in the context of a grid cell.
 */
$grid-cell-text-field-font-size: dynamic($grid-cell-field-font-size);

/**
 * @var {string}
 * Font family for text fields rendered in the context of a grid cell.
 */
$grid-cell-text-field-font-family: dynamic($grid-cell-field-font-family);

/**
 * @var {string}
 * Font weight for text fields rendered in the context of a grid cell.
 */
$grid-cell-text-field-font-weight: dynamic($grid-cell-field-font-weight);

/**
 * @var {color}
 * The color of a text field's input element when rendered in the context of a grid cell
 */
$grid-cell-text-field-color: dynamic($grid-cell-field-color);

/**
 * @var {color}
 * The background color of a text field's input element when rendered in the context of a grid cell
 */
$grid-cell-text-field-background-color: dynamic($form-text-field-background-color);

/**
 * @var {number/list}
 * The border width of text fields rendered in the context of a grid cell
 */
$grid-cell-text-field-border-width: dynamic($form-text-field-border-width);

/**
 * @var {string/list}
 * The border style of text fields rendered in the context of a grid cell
 */
$grid-cell-text-field-border-style: dynamic($form-text-field-border-style);

/**
 * @var {color/list}
 * The border color of text fields rendered in the context of a grid cell
 */
$grid-cell-text-field-border-color: dynamic($form-text-field-border-color);

/**
 * @var {color/list}
 * The border color of the focused text fields rendered in the context of a grid cell
 */
$grid-cell-text-field-focus-border-color: dynamic($form-text-field-focus-border-color);

/**
 * @var {color}
 * Border color for invalid text fields rendered in the context of a grid cell.
 */
$grid-cell-text-field-invalid-border-color: dynamic($form-text-field-invalid-border-color);

/**
 * @var {number/list}
 * Border radius for text fields rendered in the context of a grid cell.
 */
$grid-cell-text-field-border-radius: dynamic($form-text-field-border-radius);

/**
 * @var {string}
 * The background image of a text field's input element when rendered in the context of a grid cell
 */
$grid-cell-text-field-background-image: dynamic($form-text-field-background-image);

/**
 * @var {number/list}
 * The padding of a text field's input element when rendered in the context of a grid cell
 */
$grid-cell-text-field-padding: dynamic($grid-cell-field-padding);

/**
 * @var {color}
 * Text color for empty text fields rendered in the context of a grid cell.
 */
$grid-cell-text-field-empty-color: dynamic($form-text-field-empty-color);

/**
 * @var {number}
 * @private
 * The default width of a text field's body element (the element that contains the input
 * element and triggers) when the field is  rendered in the context of a grid cell and not sized explicitly using the {@link #width}
 * config, or sized by it's containing layout.
 */
$grid-cell-text-field-body-width: dynamic($form-text-field-body-width);

/**
 * @var {color}
 * Background color of a text field's input element when rendered in the context of a grid cell and the field value is invalid.
 */
$grid-cell-text-field-invalid-background-color: dynamic($form-text-field-invalid-background-color);

/**
 * @var {string}
 * Background image of a grid field text field's input element when the field value is invalid.
 */
$grid-cell-text-field-invalid-background-image: dynamic($form-text-field-invalid-background-image);

/**
 * @var {string}
 * Background repeat of the grid field text field's input element when the field value is invalid.
 */
$grid-cell-text-field-invalid-background-repeat: dynamic($form-text-field-invalid-background-repeat);

/**
 * @var {string/list}
 * Background position of the grid field text field's input element when rendered in the context of a grid cell and the field value is invalid.
 */
$grid-cell-text-field-invalid-background-position: dynamic($form-text-field-invalid-background-position);

/**
 * @var {boolean}
 * `true` to use classic-theme styled border for text fields  rendered in the context of a grid cell.
 */
$grid-cell-text-field-classic-border: dynamic($form-text-field-classic-border);

/**
 * @var {number/string}
 * The line-height to use for the TextArea's text when rendered in the context of a grid cell
 */
$grid-cell-textarea-line-height: dynamic($form-textarea-line-height);

/**
 * @var {number}
 * The default width of the grid field TextArea's body element (the element that
 * contains the textarea html element when the field is rendered in the context of a grid cell and not sized explicitly using the
 * {@link #width} config, or sized by it's containing layout.
 */
$grid-cell-textarea-body-height: dynamic($form-textarea-body-height);

/**
 * @var {color}
 * Text color for file fields rendered in the context of a grid cell
 */
$grid-cell-file-field-color: dynamic($form-file-field-color);

/**
 * @var {number}
 * The width of a text field's trigger element when rendered in the context of a grid cell
 */
$grid-cell-field-trigger-width: dynamic($form-trigger-width);

/**
 * @var {number/list}
 * The width of a text field's trigger's border when rendered in the context of a grid cell
 */
$grid-cell-field-trigger-border-width: dynamic($form-trigger-border-width);

/**
 * @var {color/list}
 * The color of a text field's trigger's border when rendered in the context of a grid cell
 */
$grid-cell-field-trigger-border-color: dynamic($form-trigger-border-color);

/**
 * @var {string/list}
 * The style of a text field's trigger's border when rendered in the context of a grid cell
 */
$grid-cell-field-trigger-border-style: dynamic($form-trigger-border-style);

/**
 * @var {color}
 * The color of a text field's trigger's border when  rendered in the context of a grid cell and hovered
 */
$grid-cell-field-trigger-border-color-over: dynamic($form-trigger-border-color);

/**
 * @var {color}
 * The color of a text field's trigger's border when  rendered in the context of a grid cell and the field is focused
 */
$grid-cell-field-trigger-border-color-focus: dynamic($form-trigger-border-color-focus);

/**
 * @var {color}
 * The color of a text field's trigger's border when rendered in the context of a grid cell and the field is focused and the trigger is hovered
 */
$grid-cell-field-trigger-border-color-pressed: dynamic($grid-cell-field-trigger-border-color-over);

/**
 * @var {string}
 * The default background image for text field triggers when rendered in the context of a grid cell
 */
$grid-cell-field-trigger-background-image: dynamic($form-trigger-background-image);

/**
 * @var {color}
 * The background color of a text field's trigger element when rendered in the context of a grid cell
 */
$grid-cell-field-trigger-background-color: dynamic($form-trigger-background-color);

/**
 * @var {boolean}
 * True to include the "grid-cell" text field UI
 */
$include-text-field-grid-ui: dynamic($include-grid-cell-field-ui);

/**
 * @var {boolean}
 * True to include the "grid-cell" tag field UI
 */
$include-tag-field-grid-ui: dynamic($include-grid-cell-field-ui);

/**
 * @var {number/list}
 * The padding of a tag field's input element when rendered in the context of a grid cell
 */
$grid-cell-tag-field-padding: dynamic($tag-field-padding);

/**
 * @var {number/list}
 * The margin of a tag field's items when rendered in the context of a grid cell
 */
$grid-cell-tag-field-item-margin: dynamic($tag-field-item-margin);

// </editor-fold>

// <editor-fold desc="Grid Editor Spinner Variables"
/**
 * @class Ext.form.field.Spinner
 */

/**
 * @var {boolean}
 * True to use vertically oriented spinner triggers when rendered in the context of a grid cell.
 */
$grid-cell-spinner-trigger-vertical: dynamic($spinner-trigger-vertical);

/**
 * @var {string}
 * Background image for vertically oriented grid field spinner triggers when rendered in the context of a grid cell
 */
$grid-cell-spinner-trigger-vertical-background-image: dynamic($spinner-trigger-vertical-background-image);

/**
 * @var {string}
 * Background image for the "up" trigger when grid field spinner trigger buttons are  rendered in the context of a grid cell and horizontally aligned
 */
$grid-cell-spinner-trigger-up-background-image: dynamic($spinner-trigger-up-background-image);

/**
 * @var {string}
 * Background image for the "down" trigger when grid field spinner trigger buttons are  rendered in the context of a grid cell and horizontally aligned
 */
$grid-cell-spinner-trigger-down-background-image: dynamic($spinner-trigger-down-background-image);

/**
 * @var {boolean}
 * True to include the "grid-cell" spinner UI
 */
$include-spinner-trigger-grid-ui: dynamic($include-grid-cell-field-ui);

// </editor-fold>

// <editor-fold desc="Grid Editor Checkbox Variables"

/**
 * @var {number}
 * The size of a checkbox when rendered in the context of a grid cell
 */
$grid-cell-checkbox-size: dynamic($form-checkbox-size);

/**
 * @var {string}
 * The background-image of a checkbox when rendered in the context of a grid cell
 */
$grid-cell-checkbox-background-image: dynamic($form-checkbox-background-image);

/**
 * @var {string}
 * The background-image of a radio button when rendered in the context of a grid cell
 */
$grid-cell-radio-background-image: dynamic($form-radio-background-image);

/**
 * @var {boolean}
 * True to include the "grid-cell" checkbox UI
 */
$include-checkbox-grid-ui: dynamic($include-grid-cell-field-ui);

// </editor-fold>

// <editor-fold desc="Grid Editor Display Field Variables">

/**
 *  @class Ext.form.field.Display
 */

/**
 * @var {color}
 * The text color of display fields rendered in the context of a grid cell
 */
$grid-cell-display-field-color: dynamic($grid-cell-field-color);

/**
 * @var {number}
 * The font-size of display fields rendered in the context of a grid cell
 */
$grid-cell-display-field-font-size: dynamic($grid-cell-field-font-size);

/**
 * @var {string}
 * The font-family of display fields rendered in the context of a grid cell
 */
$grid-cell-display-field-font-family: dynamic($grid-cell-field-font-family);

/**
 * @var {string}
 * The font-weight of display fields rendered in the context of a grid cell
 */
$grid-cell-display-field-font-weight: dynamic($grid-cell-field-font-weight);

/**
 * @var {number}
 * The line-height of display fields rendered in the context of a grid cell
 */
$grid-cell-display-field-line-height: dynamic($grid-row-cell-line-height);

/**
 * @var {boolean}
 * True to include the "default" display field UI
 */
$include-display-field-grid-ui: dynamic($include-grid-cell-field-ui);

// </editor-fold>