hangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-servicesmacoslinuxwindowsinboxwhatsappicloudtweetdeckhipchattelegram
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
392 lines
12 KiB
392 lines
12 KiB
/* |
|
* 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: if($grid-row-height < $form-field-height, $grid-row-height, $form-field-height) !default; |
|
|
|
/** |
|
* @var {number/list} |
|
* The padding of grid fields. |
|
*/ |
|
$grid-cell-field-padding: |
|
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 !default; |
|
|
|
/** |
|
* @var {number} |
|
* The color of the grid field text |
|
*/ |
|
$grid-cell-field-color: $grid-row-cell-color !default; |
|
|
|
/** |
|
* @var {number} |
|
* The font size of the grid field text |
|
*/ |
|
$grid-cell-field-font-size: $grid-row-cell-font-size !default; |
|
|
|
/** |
|
* @var {string} |
|
* The font-weight of the grid field text |
|
*/ |
|
$grid-cell-field-font-weight: $grid-row-cell-font-weight !default; |
|
|
|
/** |
|
* @var {string} |
|
* The font-family of the grid field text |
|
*/ |
|
$grid-cell-field-font-family: $grid-row-cell-font-family !default; |
|
|
|
/** |
|
* @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: false !default; |
|
|
|
// </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: $grid-cell-field-height !default; |
|
|
|
/** |
|
* @var {number} |
|
* Font size for text fields rendered in the context of a grid cell. |
|
*/ |
|
$grid-cell-text-field-font-size: $grid-cell-field-font-size !default; |
|
|
|
/** |
|
* @var {string} |
|
* Font family for text fields rendered in the context of a grid cell. |
|
*/ |
|
$grid-cell-text-field-font-family: $grid-cell-field-font-family !default; |
|
|
|
/** |
|
* @var {string} |
|
* Font weight for text fields rendered in the context of a grid cell. |
|
*/ |
|
$grid-cell-text-field-font-weight: $grid-cell-field-font-weight !default; |
|
|
|
/** |
|
* @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: $grid-cell-field-color !default; |
|
|
|
/** |
|
* @var {color} |
|
* The background color of a text field's input element when entered in the context of a grid cell |
|
*/ |
|
$grid-cell-text-field-background-color: $form-text-field-background-color !default; |
|
|
|
/** |
|
* @var {number/list} |
|
* The border width of text fields entered in the context of a grid cell |
|
*/ |
|
$grid-cell-text-field-border-width: $form-text-field-border-width !default; |
|
|
|
/** |
|
* @var {string/list} |
|
* The border style of text fields rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-text-field-border-style: $form-text-field-border-style !default; |
|
|
|
/** |
|
* @var {color/list} |
|
* The border color of text fields rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-text-field-border-color: $form-text-field-border-color !default; |
|
|
|
/** |
|
* @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: $form-text-field-focus-border-color !default; |
|
|
|
/** |
|
* @var {color} |
|
* Border color for invalid text fields rendered in the context of a grid cell. |
|
*/ |
|
$grid-cell-text-field-invalid-border-color: $form-text-field-invalid-border-color !default; |
|
|
|
/** |
|
* @var {number/list} |
|
* Border radius for text fields rendered in the context of a grid cell. |
|
*/ |
|
$grid-cell-text-field-border-radius: $form-text-field-border-radius !default; |
|
|
|
/** |
|
* @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: $form-text-field-background-image !default; |
|
|
|
/** |
|
* @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: $grid-cell-field-padding !default; |
|
|
|
/** |
|
* @var {color} |
|
* Text color for empty text fields rendered in the context of a grid cell. |
|
*/ |
|
$grid-cell-text-field-empty-color: $form-text-field-empty-color !default; |
|
|
|
/** |
|
* @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: $form-text-field-body-width !default; |
|
|
|
/** |
|
* @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: $form-text-field-invalid-background-color !default; |
|
|
|
/** |
|
* @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: $form-text-field-invalid-background-image !default; |
|
|
|
/** |
|
* @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: $form-text-field-invalid-background-repeat !default; |
|
|
|
/** |
|
* @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: $form-text-field-invalid-background-position !default; |
|
|
|
/** |
|
* @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: $form-text-field-classic-border !default; |
|
|
|
/** |
|
* @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: $form-textarea-line-height !default; |
|
|
|
/** |
|
* @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: $form-textarea-body-height !default; |
|
|
|
/** |
|
* @var {color} |
|
* Text color for file fields rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-file-field-color: $form-file-field-color !default; |
|
|
|
/** |
|
* @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: $form-trigger-width !default; |
|
|
|
/** |
|
* @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: $form-trigger-border-width !default; |
|
|
|
/** |
|
* @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: $form-trigger-border-color !default; |
|
|
|
/** |
|
* @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: $form-trigger-border-style !default; |
|
|
|
/** |
|
* @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: $form-trigger-border-color !default; |
|
|
|
/** |
|
* @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: $form-trigger-border-color-focus !default; |
|
|
|
/** |
|
* @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: $grid-cell-field-trigger-border-color-over !default; |
|
|
|
/** |
|
* @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: $form-trigger-background-image !default; |
|
|
|
/** |
|
* @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: $form-trigger-background-color !default; |
|
|
|
/** |
|
* @var {boolean} |
|
* True to include the "grid-cell" text field UI |
|
*/ |
|
$include-text-field-grid-ui: $include-grid-cell-field-ui !default; |
|
|
|
// </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: $spinner-trigger-vertical !default; |
|
|
|
/** |
|
* @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: $spinner-trigger-vertical-background-image !default; |
|
|
|
/** |
|
* @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: $spinner-trigger-up-background-image !default; |
|
|
|
/** |
|
* @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: $spinner-trigger-down-background-image !default; |
|
|
|
/** |
|
* @var {boolean} |
|
* True to include the "grid-cell" spinner UI |
|
*/ |
|
$include-spinner-trigger-grid-ui: $include-grid-cell-field-ui !default; |
|
|
|
// </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: $form-checkbox-size !default; |
|
|
|
/** |
|
* @var {string} |
|
* The background-image of a checkbox when rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-checkbox-background-image: $form-checkbox-background-image !default; |
|
|
|
/** |
|
* @var {string} |
|
* The background-image of a radio button when rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-radio-background-image: $form-radio-background-image !default; |
|
|
|
/** |
|
* @var {boolean} |
|
* True to include the "grid-cell" checkbox UI |
|
*/ |
|
$include-checkbox-grid-ui: $include-grid-cell-field-ui !default; |
|
|
|
// </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: $form-display-field-color !default; |
|
|
|
/** |
|
* @var {number} |
|
* The font-size of display fields rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-display-field-font-size: $form-display-field-font-size !default; |
|
|
|
/** |
|
* @var {string} |
|
* The font-family of display fields rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-display-field-font-family: $form-display-field-font-family !default; |
|
|
|
/** |
|
* @var {string} |
|
* The font-weight of display fields rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-display-field-font-weight: $form-display-field-font-weight !default; |
|
|
|
/** |
|
* @var {number} |
|
* The line-height of display fields rendered in the context of a grid cell |
|
*/ |
|
$grid-cell-display-field-line-height: $form-display-field-line-height !default; |
|
|
|
/** |
|
* @var {boolean} |
|
* True to include the "default" display field UI |
|
*/ |
|
$include-display-field-grid-ui: $include-grid-cell-field-ui !default; |
|
|
|
// </editor-fold> |