add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-neutral / sass / src / grid / plugin / RowEditing.scss

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