Skip to content

Notion RTL by ndr053

Screenshot of Notion RTL
Homepage Write a review Install Get Stylus

Details

Authorndr053

LicenseNo License

Categorynotion.so

Created

Updated

Size2.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

We made it really easy to switch Notion to right-to-left by style.

Here's a handy list of common right-to-left languages:
Arabic
Farsi
Hebrew
Urdu

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name	Notion RTL
@namespace	notion.so
@version	0.0.1
@description	switch notion to right-to-left by style
@author	Hamed Naderfar
==/UserStyle== */

@-moz-document domain("notion.so"), domain("notion.site") {
    .notion-frame, .notion-sidebar, .notion-overlay-container {
        direction: rtl;
    }
    
    .notion-frame .notion-scroller .notion-page-controls svg,
    .notion-overlay-container .notion-scroller .notion-page-controls svg {
        margin-right: 0 !important;
        margin-left: 6px
    }
    
    .notion-topbar svg.check,
    .notion-overlay-container svg.check {
        margin-right: 0 !important;
        margin-left: 6px;
    }
    
    .notion-frame .notion-page-content .notion-quote-block .notranslate {
        border-left: 0 !important;
        border-right: 3px solid;
    }
    
    .notion-frame .notion-page-content .notion-to_do-block .notranslate,
    .notion-frame .notion-page-content .notion-bulleted_list-block .notranslate {
        text-align: right !important;
    }
    
    #notion-app .notion-sidebar-container {
        float: right;
        right: 0;
        position: absolute !important;
        max-height: 100%;
        height: 100vh;
    }
    
    #notion-app .notion-frame {
        float: left;
        left: 0;
        position: fixed;
    }
    
    .notion-help-button {
        right: 100%;
        left: 33px;
    }
    
    /* LTR support for code blocks */
    .notion-code-block {
        direction: ltr;
    }
    
    /* RTL support for five-level sidebar */
    .notion-page-block > a > div {
        padding-right: 8px!important;
        padding-left: 8px!important;
    }
    .notion-outliner-team .notion-page-block > a > div {
        padding-right: calc(8px + 8px)!important;
    }
    .notion-outliner-team .notion-page-block > .notion-outliner-team .notion-page-block > a > div {
        padding-right: calc(8px + 8px + 8px)!important;
    }
    .notion-outliner-team .notion-page-block > .notion-outliner-team .notion-page-block > .notion-outliner-team .notion-page-block > a > div {
        padding-right: calc(8px + 8px + 8px + 8px)!important;
    }
    .notion-outliner-team .notion-page-block > .notion-outliner-team .notion-page-block > .notion-outliner-team .notion-page-block > .notion-outliner-team .notion-page-block > a > div {
        padding-right: calc(8px + 8px + 8px + 8px + 8px)!important;
    }
}

Reviews

No reviews yet.