web-apps/apps/spreadsheeteditor/main/resources/less/advanced-settings.less

.advanced-settings-dlg {
    .div-category {
        padding: 0 0 0 10px;
        text-align: right;
        .font-weight-bold();
        font-size: 11px;
        white-space: nowrap;
    }

    .range-tableview {
        .list-item > div{
            vertical-align: middle;
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: pre;
        }

        .listitem-icon {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-right: 5px;
        }

        .selected {
            .listitem-icon {
                background-position-x: -20px;
                background-position-x: @button-small-active-icon-offset-x;
            }
        }

        .lock-user {
            position: absolute;
            right: 2px;
            min-width: 100px;
            max-width: 150px;
            height: 20px;
            padding: 2px 10px;
            background-color: #EE3525;
            color: #fff;
            text-align: center;
        }
    }

    .header-sorted {
        label, div, span {
            display: inline-block;
            cursor: pointer;
        }
        .caret {
            width: 4px;
            height: 4px;
            border: solid 1px @icon-normal-ie;
            border: solid 1px @icon-normal;
            border-bottom: none;
            border-right: none;
            background-image: none;

            transition: transform 0.2s ease;
            transform: rotate(-135deg) translate(1px,1px);

            &.sort-desc {
                transform: rotate(45deg);
            }
        }
    }
}

#sort-dialog-btn-down {
    margin-right: 5px;
}

.sort-dialog-btn-text {
    min-width: 100px;
    margin-right: 5px;
}

.input-row--tabs {
    border-bottom: @scaled-one-px-value-ie solid @border-divider-ie;
    border-bottom: @scaled-one-px-value solid @border-divider;
}

.preview-canvas-container {
    border: @scaled-one-px-value-ie solid @border-regular-control-ie;
    border: @scaled-one-px-value solid @border-regular-control;
}

#id-adv-shape-rotate, #id-adv-image-rotate {
    #shape-advanced-spin-angle, #image-advanced-spin-angle {
        margin-left: 5px;

        .rtl & {
            margin-left: 0;
            margin-right: 5px;
        }
    }

    .flipped {
        margin-right: 15px;

        .rtl & {
            margin-right: 0;
            margin-left: 15px;
        }
    }
}

#id-chart-settings-dlg-layout {
    .margin-right {
        margin-right: 7px;

        .rtl & {
            margin-right: 0;
            margin-left: 7px;
        }
    }

    .margin-left {
        margin-left: 7px;

        .rtl & {
            margin-left: 0;
            margin-right: 7px;
        }
    }

    #chart-dlg-check-series {
        margin: 20px 0 9px 7px;

        .rtl & {
            margin: 20px 7px 9px 0;
        }
    }

    #chart-dlg-check-category {
        margin: 0 0 9px 7px;

        .rtl & {
            margin: 0 7px 9px 0;
        }
    }

    #chart-dlg-check-value {
        margin: 0 0 5px 7px;

        .rtl & {
            margin: 0 7px 5px 0;
        }
    }

    #hart-dlg-check-markers {
        margin: 0 0 12px 7px;

        .rtl & {
            margin: 0 7px 12px 0;
        }
    }
}

#id-chart-settings-dlg-vert,
#id-chart-settings-dlg-vert-sec,
#id-chart-settings-dlg-hor-sec,
#id-spark-settings-dlg-axis {
    .margin-left {
        margin-left: 15px;

        .rtl & {
            margin-left: 0;
            margin-right: 15px;
        }
    }

    .padding-right {
        padding-right: 10px;

        .rtl & {
            padding-right: 0;
            padding-left: 10px;
        }
    }

    .base, #chart-dlg-btn-h-format-1 {
        float: right;

        .rtl & {
            float: left;
        }
    }

    #chart-dlg-input-base-0,
    #chart-dlg-input-base-1,
    #chart-dlg-btn-h-format-1 {
        margin-left: 5px;

        .rtl & {
            margin-left: 0;
            margin-right: 5px;
        }
    }
}

#id-chart-settings-dlg-hor {
    .margin-left {
        margin-left: 15px;

        .rtl & {
            margin-left: 0;
            margin-right: 15px;
        }
    }

    #chart-dlg-input-label-int-0 {
        margin-left: 3px;

        .rtl & {
            margin-left: 0;
            margin-right: 3px;
        }
    }

    #chart-dlg-btn-h-format-0 {
        margin-left: 5px;
        float: right;

        .rtl & {
            margin-left: 0;
            margin-right: 5px;
            float: left;
        }
    }

    .axis-crosses-combo {
        padding-right: 10px;

        .rtl & {
            padding-right: 0;
            padding-left: 10px;
        }
    }
}

#id-spark-settings-dlg-style {
    #spark-dlg-button-type {
        margin-right: 15px;

        .rtl & {
            margin-right: 0;
            margin-left: 15px;
        }
    }

    #spark-dlg-combo-empty {
        margin-right: 10px;

        .rtl & {
            margin-right: 0;
            margin-left: 10px;
        }
    }
}

#id-adv-paragraph-indents {
    .margin-right {
        margin-right: 3px;

        .rtl & {
            margin-right: 0;
            margin-left: 3px;
        }
    }
}

#id-adv-paragraph-font {
    .padding-left {
        padding-left: 40px;

        .rtl & {
            padding-left: 0;
            padding-right: 40px;
        }
    }
}

#id-adv-paragraph-tabs {
    .margin-right {
        margin-right: 9px;

        .rtl & {
            margin-right: 0;
            margin-left: 9px;
        }
    }
}

#id-adv-pivot-layout {
    #pivot-adv-spin-wrap {
        float: right;

        .rtl & {
            float: left;
        }
    }
}

#id-adv-slicer-style {
    .margin-right {
        margin-right: 5px;

        .rtl & {
            margin-right: 0;
            margin-left: 5px;
        }
    }
}