This style, adds bidi support to Element, makes it more user-friendly for mixed content (RTL/LTR).
Element-bidi by ahangarha
Details
Authorahangarha
LicenseAGPL-v3
Categorybidi, bidirectional, element, matrix
Created
Updated
Size1.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changelog
[0.3.0] - 2021-12-04
Added
- Added direction fix for inline message editor
[0.2.0] - 2021-11-02
Added
- Added padding fix for mx_Pill class
[0.1.1] - 2021-11-29
Fixed
- Remove wrong style which was added for test but forgot to remove
[0.1.0] - 2021-11-29
Added
- support for main message text, lists and code
Source code
/* ==UserStyle==
@name Element-bidi
@namespace github.com/openstyles/stylus
@version 0.3.0
@description Add bidi support to Element (Matrix)
@author Mostafa Ahangarha
==/UserStyle== */
@-moz-document domain("develop.element.io"), domain("app.element.io"), domain("chat.mozilla.org") {
/* message text */
.mx_EventTile_body {
display: block;
text-align: start;
}
/*to apply on those messages having only plain text*/
.mx_EventTile_body:not(.markdown-body){
unicode-bidi: plaintext;
}
.markdown-body pre > code {
unicode-bidi: plaintext;
text-align: start;
display:block !important;
}
.mx_EventTile blockquote {
text-align: start;
unicode-bidi: plaintext;
}
/* fix lists view*/
.markdown-body ol, .markdown-body ul {
padding: 0;
padding-inline-start: 2em;
}
.mx_Pill {
/*set padding-right to the general rule of this class*/
padding-right: 0.1em;
/* Set the fix for padding */
padding-inline-end:.4em
}
/* fix inline editor */
.mx_BasicMessageComposer_input{
unicode-bidi:plaintext;
text-align:start;
}
}