Improved RTL Support for ClickUp by thantez

/* ==UserStyle==
@name         Improved RTL Support for ClickUp
@version      0.2.1
@namespace    userstyles.world/user/thantez
@description  Right to Left Support for app.clickup.com with improvements for document and other parts support + Persian language focus.

@author       thantez
@license      GPLv3
==/UserStyle== */
@-moz-document domain("app.clickup.com") {
    @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300&display=swap');

    .cu-task-row-main__link-text-inner,
    .cu-comment-viewer-content,
    .cu-task-row-new__input,
    .task-name__overlay,
    .task-todo-item__name-text-inner-link,
    .cu-panel-board__clickable-name,
    .cu-attachments-tile__filename,
    .task-history-item__content > .ng-star-inserted,
    .task__parent-name,
    .cu-notification__task-name,
    .cu-notification-item__values,
    .cu-notification-item__link,
    .cu-notification-item__link_subtask,
    .cu-notification-item__link-file,
    .cu-task-row-main__parent-name,
    .cu-task-title__title,
    .cu-dashboard-doc-title__text,
    .ql-block,
    .ql-quote,
    .ql-heading,
    textarea {
        text-align: justify;
        unicode-bidi: plaintext;
        direction: rtl !important;

        font-family: 'Vazirmatn', '-apple-system', BlinkMacSystemFont, 'Segoe UI', roboto, 'Helvetica Neue', helvetica, arial, sans-serif !important;
    }
    

    .ql-list-item {
        text-align: start;
        unicode-bidi: plaintext;
        direction: rtl !important;
        font-family: 'Vazirmatn', '-apple-system', BlinkMacSystemFont, 'Segoe UI', roboto, 'Helvetica Neue', helvetica, arial, sans-serif !important;
    }
    
    .ql-editor > ol{
        padding: 30px !important;
    }
    
    li.ql-list-item.ql-indent-1 {
        padding: 0 25px !important;
    }
    li.ql-list-item.ql-indent-2 {
        padding: 0 40px !important;
    }
    li.ql-list-item.ql-indent-3 {
        padding: 0 55px !important;
    }
    
    .ql-ui::before{
        display: contents !important;
    }
    
    .ql-editor li>.ql-ui {
        margin: 0 -25px;
    }
    .ql-editor li[data-list=ordered]>.ql-ui:before {
        content: '('counter(list-0, persian)')';
    }
    .ql-editor li.ql-list-item.ql-indent-1[data-list=ordered]>.ql-ui {
        margin: 0 -40px;
    }
    .ql-editor li.ql-list-item.ql-indent-1[data-list=ordered]>.ql-ui:before {
        content: '('counter(list-1, persian) '.' counter(list-0, persian)')';
    }
    .ql-editor li.ql-list-item.ql-indent-2[data-list=ordered]>.ql-ui {
        margin: 0 -55px;
    }
    .ql-editor li.ql-list-item.ql-indent-2[data-list=ordered]>.ql-ui:before {
        content: '('counter(list-2, persian) '.' counter(list-1, persian) '.' counter(list-0, persian)')';
    }
    .ql-editor li.ql-list-item.ql-indent-3[data-list=ordered]>.ql-ui {
        margin: 0 -70px;
    }
    .ql-editor li.ql-list-item.ql-indent-3[data-list=ordered]>.ql-ui:before {
        content: '('counter(list-3, persian) '.' counter(list-2, persian) '.' counter(list-1, persian) '.' counter(list-0, persian)')';
    }
    
    .cu-task-row-main__link-text-inner,
    textarea {
        display: inline-block;
    }
    
    .cu-editor-wrapper .cu-editor .ql-editor.ql-cls-checklist blockquote, .ql-quote {
        border-left: 0;
        border-right: 5px solid #dedede !important; /* Blue left border */
        padding: 15px; /* Padding around the text */
        margin: 10px 5px; /* Margin above and below the quote */
        color: #333; /* Dark text color for readability */
        border-radius: 6px; /* Rounded corners */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
        line-height: 1.5; /* Improved line height for readability */
    }

    /*
    .cdk-drag.task-todo-item.ng-star-inserted,
    .cu-task-title__overlay,
    .cu-task-view-sticky-title__title,
    .title */
    * {
        font-family: 'Vazirmatn', '-apple-system', BlinkMacSystemFont, 'Segoe UI', roboto, 'Helvetica Neue', helvetica, arial, sans-serif;
    }
}