DocumentServer-v-9.2.0/web-apps/apps/documenteditor/main/resources/less/advanced-settings.less

.icon-advanced-wrap {
}

.header-styles-tableview {
    .list-item > div{
        &:nth-child(1) {
            width:160px;
            height: 16px;
            .padding-x(16px, 5px);

            &.checked {
                &:before {
                    content: '';
                    width: 16px;
                    height: 16px;
                    display: inline-block;
                    float: left;
                    margin-left: -18px;
                    background-position: @menu-check-offset-x @menu-check-offset-y;
                }
            }

            .rtl & {
                &.checked {
                    &:before {
                        float: right;
                        margin-left: 0;
                        margin-right: -18px;
                    }
                }
            }
        }

        .padding-right-6();
        vertical-align: middle;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre;
    }
}

.canvas-box {
    border: @scaled-one-px-value-ie solid @border-regular-control-ie;
    border: @scaled-one-px-value solid @border-regular-control;
    background-color: #fff;
}

#bulleted-list-preview {
    width: 100%;
    border: @scaled-one-px-value-ie solid @border-regular-control-ie;
    border: @scaled-one-px-value solid @border-regular-control;
    background-color: @canvas-content-background;
}

#page-margins-preview {
    border: @scaled-one-px-value-ie solid @border-regular-control-ie;
    border: @scaled-one-px-value solid @border-regular-control;
}

#id-text-table-radio-fixed {
    display: inline-block;
    vertical-align: middle;

    .pixel-ratio__1_75 &, .pixel-ratio__2 & {
        padding-bottom: 1px;
    }
}

#id-text-table-spn-fixed, #bookmarks-radio-location {
    display: inline-block;
    vertical-align: middle;
}

#id-adv-paragraph-borders {
    .settings-wrap {
        width: 100%;
        display: flex;
        align-items: center;
    }

    #paragraphadv-combo-border-size {
        width: 93px;
    }

    .border-color {
        display: flex;
        align-items: center;
        .padding-left-20();
    }

    .border-types {
        .text-align-right();

        .btn {
            .margin-left-4();
            margin-bottom: 4px;
        }
    }
}

#id-adv-table-borders {
    .settings-wrap {
        width: 100%;
        display: flex;
        align-items: center;
    }

    #tableadv-combo-border-size {
        width: 93px;
    }

    .border-color {
        .padding-left-20();
        display: flex;
        align-items: center;
    }

    .border-types {
        .padding-left-10();
        .btn {
            .margin-left-4();
            margin-bottom: 4px;
        }
    }

    #tableadv-panel-cell-back,
    #tableadv-panel-table-back {
        display: flex;
        align-items: center;
    }
}

.advanced-settings-dlg {
    .roles-tableview {
        &.no-borders > .listview .item {
            border-width: 0 !important;
        }
        .item {
            padding: 0 6px;
        }

        @item-width: 20px;
        @item-height: 28px;
        .list-item {
            display: flex;
            align-items: center;
            height: @item-height;

            span.color {
                display: block;
                width: 12px;
                height: 12px;
                border: @scaled-one-px-value-ie solid @border-color-shading-ie;
                border: @scaled-one-px-value solid @border-color-shading;
            }
        }
        .list-item > div{
            vertical-align: middle;
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: pre;
        }

        .listitem-icon {
            width: @item-width;
            height: @item-height;
            .margin-right-5();

            svg {
                width: @item-width;
                height: @item-height;
                fill: @text-normal-ie;
                fill: @text-normal;
            }
        }

        .selected {
            .listitem-icon {
                svg {
                    fill: @text-normal-pressed-ie;
                    fill: @text-normal-pressed;
                }
            }
        }
    }
}

#window-watermark {
    .language {
        width: 142px;
        .padding-right-5();
    }
    #watermark-combo-lang,
    #watermark-combo-text {
        width: 100%;
    }
    .layout-label {
        margin-bottom: 3px;
    }
    .select-image {
        vertical-align: top;
    }
    .texture-img {
        width: 80px;
        height: 70px;
        padding: 9px 14px;
        border: 1px solid #AFAFAF;
        border-radius: 2px;
        background: #ffffff;
        .margin-left-15();
    }
    #watermark-texture-img {
        width: 50px;
        height: 50px;
    }
    .scale {
        vertical-align: bottom;
    }
}