web-apps/apps/common/mobile/resources/less/common-rtl.less

[dir="rtl"].device-android {

    .app-layout {
        .searchbar input {
            padding-right: 24px;
            padding-left: 36px;
            background-position: right;
        }
    }

    .wrap-comment, .comment-list{
        .comment-header .initials {
            margin-right: 0;
            margin-left: 10px;
        }
    }

    .actions-modal {
        .actions-button-text {
            text-align: right;
        }
    }

    .navigation-sheet {
        &__title {
            padding-left: 0;
            padding-right: 16px;
        }
    }
}

[dir="rtl"].device-ios .app-layout{
    
    .subnavbar,.navbar .left a + a {
        margin-right: 0;
    }

    .subnavbar,.navbar .right a + a {
        margin-right: 0;
    }

    .tab-buttons {
        .tab-link:first-child {
            border-radius: 0px 5px 5px 0px;
        }

        .tab-link:last-child {
            border-radius: 5px 0px 0px 5px;
        }
    }

    .popover {
        li:last-child, li:first-child {
            .segmented a:first-child {
                border-radius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0;
            }
            .segmented a:last-child {
                border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius);
            }
        } 
    }

    .list {
        .item-inner {
            .item-after .segmented {
                margin-left: 0px;
                margin-right: 10px;
            }
        }
    }

    .searchbar-inner__right .buttons-row a.next {
        margin-left: 0;
        margin-right: 15px;
    }

    .searchbar-inner__left {
        margin-right: 0;
        margin-left: 10px;
    }

    .navbar .searchbar-input-wrap {
        margin-left: 10px;
        margin-right: 0;
    }

    .comment-list .item-content .item-inner .comment-header {
        padding-left: 16px;
    }
}

[dir="rtl"] {
    .comment-list .item-content .item-inner{
        padding-left: 0;
        .comment-header {
            .right {
                justify-content: space-between;
                .comment-resolve {
                    margin-right: 0px;
                    margin-left: 10px;
                }
            }

            .name {
                text-align: right;
            }
        }
    }

    .comment-quote {
        border-right: 1px solid var(--text-secondary);
        border-left: 0;
        padding-left: 16px;
        padding-right: 10px;
    }

    .comment-text, .reply-text {
        padding-right: 0;
        padding-left: 15px;
    }

    // .comment-list .item-content .item-inner .comment-header {
    //     padding-left: 16px;
    // }

    #add-comment-dialog .dialog .dialog-inner .wrap-comment .name, #edit-comment-dialog .dialog .dialog-inner .wrap-comment .name, #add-reply-dialog .dialog .dialog-inner .wrap-comment .name, #edit-reply-dialog .dialog .dialog-inner .wrap-comment .name, #add-comment-dialog .dialog .dialog-inner .wrap-comment .comment-date, #edit-comment-dialog .dialog .dialog-inner .wrap-comment .comment-date, #add-reply-dialog .dialog .dialog-inner .wrap-comment .comment-date, #edit-reply-dialog .dialog .dialog-inner .wrap-comment .comment-date, #add-comment-dialog .dialog .dialog-inner .wrap-comment .reply-date, #edit-comment-dialog .dialog .dialog-inner .wrap-comment .reply-date, #add-reply-dialog .dialog .dialog-inner .wrap-comment .reply-date, #edit-reply-dialog .dialog .dialog-inner .wrap-comment .reply-date {
        text-align: right;
    }

    #view-comment-popover .page .page-content {
        padding: 16px 0 60px 16px;
    }

    .wrap-comment {
        padding: 16px 16px 0 24px;
    }

    .shapes {
        .thumb {
            transform: scaleX(-1);
        }
    }

    .settings-popup,
    #settings-popover{
        .link {
            display: inline;
        }
    }

    #edit-table-style {
        ul {
            padding-right: 0;
        }
    }

    .color-schemes-menu {
        .item-title{
            margin-right: 20px;
        }
    }

    .list [slot="root-start"] {
        padding: 15px 15px 0 0px;
    }

    .numbers, .bullets, .multilevels {
        .item-content {
            padding-right: 0;
        }
    }

    .dataview .active::after {
        left: -5px;
        right: unset;
    }

    .popup .list .range-number, .popover .list .range-number, .sheet-modal .list .range-number {
        text-align: left;
    }

    .popup .list .inner-range-title, .popover .list .inner-range-title, .sheet-modal .list .inner-range-title {
        padding-left: 0;
        padding-right: 15px;
    }

    #color-picker .right-block {
        margin-left: 0px;
        margin-right: 20px;
    }

    .page-review .toolbar #btn-reject-change {
        margin-left: 0;
        margin-right: 20px;
    }

    .list li.no-indicator .item-link .item-inner {
        padding-right: 0;
    }
}

@media (max-width: 550px) {
    .device-ios[dir=rtl] .app-layout {
        .searchbar-expandable.searchbar-enabled .searchbar-inner__right {
            margin-right: 10px;
            margin-left: 0;
        }

        .navbar .searchbar-input-wrap {
            margin-left: 0;
        }
    }

    .device-android[dir=rtl] .app-layout {
        .searchbar-expandable.searchbar-enabled .searchbar-inner__left {
            margin-right: 0;
            margin-left: 33px;
        }
    }
}