.#{$prefix}grid-row-editor {
|
.#{$prefix}field {
|
margin: 0 ceil($grid-row-editor-field-spacing / 2) 0 floor($grid-row-editor-field-spacing / 2);
|
}
|
|
@if $include-ext-form-field-display {
|
.#{$prefix}form-display-field {
|
padding:
|
top($grid-row-editor-field-padding) + $form-field-border-width
|
right($grid-row-editor-field-padding) + $form-field-border-width
|
bottom($grid-row-editor-field-padding) + $form-field-border-width
|
left($grid-row-editor-field-padding) + $form-field-border-width;
|
}
|
|
@if $include-ext-grid-column-action {
|
.#{$prefix}form-action-col-field {
|
padding:
|
max(ceil(($grid-editor-height - $grid-actioncolumn-icon-height) / 2), 0)
|
max($grid-actioncolumn-horizontal-padding - ceil($grid-row-editor-field-spacing / 2), 0)
|
max(floor(($grid-editor-height - $grid-actioncolumn-icon-height) / 2), 0)
|
max($grid-actioncolumn-horizontal-padding - floor($grid-row-editor-field-spacing / 2), 0);
|
}
|
}
|
}
|
|
@if $include-ext-form-field-text {
|
.#{$prefix}form-text {
|
padding: $grid-row-editor-field-padding;
|
|
.#{$prefix}gecko & {
|
// firefox adds an additional px of horizontal space inside text inputs
|
padding-left: max((left($grid-row-editor-field-padding) - 1), 0);
|
padding-right: max((right($grid-row-editor-field-padding) - 1), 0);
|
}
|
}
|
}
|
|
.#{$prefix}panel-body {
|
// !important is needed to override dock layout border-management rules
|
border-top: $grid-row-editor-border !important;
|
border-bottom: $grid-row-editor-border !important;
|
padding: $grid-row-editor-padding;
|
background-color: $grid-row-editor-background-color;
|
}
|
|
@if $include-ext-form-field-checkbox {
|
.#{$prefix}grid-with-col-lines & {
|
.#{$prefix}form-cb {
|
margin-right: $grid-row-cell-border-width;
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl.#{$prefix}form-cb {
|
margin-right: 0;
|
margin-left: $grid-row-cell-border-width;
|
}
|
}
|
}
|
}
|
}
|
|
@include x-frame(
|
$cls: grid-row-editor-buttons,
|
$ui: default-bottom, // change default to $ui when RowEditor adds ui support
|
$border-radius: 0 0
|
$grid-row-editor-button-container-border-radius
|
$grid-row-editor-button-container-border-radius,
|
$border-width: 0
|
$grid-row-editor-border-width
|
$grid-row-editor-border-width
|
$grid-row-editor-border-width,
|
$padding: $grid-row-editor-button-container-padding,
|
$background-color: $grid-row-editor-background-color,
|
$background-gradient: null,
|
$table: true
|
);
|
|
@include x-frame(
|
$cls: grid-row-editor-buttons,
|
$ui: default-top, // change default to $ui when RowEditor adds ui support
|
$border-radius:
|
$grid-row-editor-button-container-border-radius
|
$grid-row-editor-button-container-border-radius
|
0 0,
|
$border-width:
|
$grid-row-editor-border-width
|
$grid-row-editor-border-width
|
0
|
$grid-row-editor-border-width,
|
$padding: flip-vertical($grid-row-editor-button-container-padding),
|
$background-color: $grid-row-editor-background-color,
|
$background-gradient: null,
|
$table: true
|
);
|
|
// change default to #{$ui} when RowEditor adds ui support
|
.#{$prefix}grid-row-editor-buttons-default-bottom {
|
top: $grid-editor-height + vertical($grid-row-editor-padding) +
|
top($grid-row-editor-border-width);
|
}
|
|
// change default to #{$ui} when RowEditor adds ui support
|
.#{$prefix}grid-row-editor-buttons-default-top {
|
bottom: $grid-editor-height + vertical($grid-row-editor-padding) +
|
bottom($grid-row-editor-border-width);
|
}
|
|
.#{$prefix}grid-row-editor-buttons {
|
border-color: $grid-row-editor-border-color;
|
}
|
|
.#{$prefix}row-editor-update-button {
|
margin-right: ceil($grid-row-editor-button-spacing / 2);
|
}
|
.#{$prefix}row-editor-cancel-button {
|
margin-left: floor($grid-row-editor-button-spacing / 2);
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl.#{$prefix}row-editor-update-button {
|
margin-left: ceil($grid-row-editor-button-spacing / 2);
|
margin-right: auto;
|
}
|
.#{$prefix}rtl.#{$prefix}row-editor-cancel-button {
|
margin-right: floor($grid-row-editor-button-spacing / 2);
|
margin-left: auto;
|
}
|
}
|
|
.#{$prefix}grid-row-editor-errors {
|
.#{$prefix}tip-body {
|
padding: $grid-row-editor-error-tip-body-padding;
|
}
|
}
|
|
.#{$prefix}grid-row-editor-errors-item {
|
list-style: $grid-row-editor-error-tip-list-style;
|
margin-left: $grid-row-editor-error-tip-list-spacing;
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl.#{$prefix}grid-row-editor-errors {
|
.#{$prefix}grid-row-editor-errors-item {
|
margin-left: 0;
|
margin-right: $grid-row-editor-error-tip-list-spacing;
|
}
|
}
|
}
|