AmirTheFree/obsidian-dynamic-rtl

hashtag problem

Opened this issue · 1 comments

When using right-to-left (RTL), the #tag symbol is not displayed correctly.

image

a css solution for this:

add these lines to your custom style file.

/* fix editing view tags while app rtl */
.is-rtl .cm-hashtag {
	unicode-bidi: embed;
    --br-outside: var(--tag-radius);
    --br-inside: 0px;
}
.is-rtl .cm-hashtag-begin {
    border-start-start-radius: var(--br-outside);
    border-end-start-radius: var(--br-outside);
    border-start-end-radius: var(--br-inside);
    border-end-end-radius: var(--br-inside);
    padding-inline-start: var(--tag-padding-x);
    padding-inline-end: 0;
}
.is-rtl .cm-hashtag-end {
    border-start-start-radius: var(--br-inside);
    border-end-start-radius: var(--br-inside);
    border-start-end-radius: var(--br-outside);
    border-end-end-radius: var(--br-outside);
    padding-inline-start: 0;
    padding-inline-end: var(--tag-padding-x);
}