Skip to content

Improved RTL Support for ClickUp by thantez

Screenshot of Improved RTL Support for ClickUp

Details

Authorthantez

LicenseGPLv3

Categoryclickup.com, RTL

Created

Updated

Size2.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Right to Left Support for app.clickup.com with improvements for document and other parts support + Persian language focus.

Notes

Source code

/* ==UserStyle==
@name         Improved RTL Support for ClickUp
@version      0.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-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;
    }
    
    ol, ul {
        padding: 20px !important;
    }
    
    .ql-ui {
        margin: 0 -25px;
    }
    
    .ql-ui::before{
        display: contents !important;
    }
    
    .ql-editor li[data-list=ordered]>.ql-ui:before {
        content: '('counter(list-0,arabic-indic)')';
    }
    
    .cu-task-row-main__link-text-inner,
    textarea {
        display: inline-block;
    }

    /*
    .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;
    }
}

Reviews

No reviews yet.