Hi,
I would like to share some kind of workaround.
The following CSS currently changes most of the app to RTL.
You can use a chrome extention called "Stylebot" to alter the css of the app.
This currently does not work for Code Nodes (haven't managed to figure out how this work yet...).
This should work for now, but I do not know if it is stable and will work after they release new features.
/* Change Nodes to appear from right to left */
.listItems {
direction: rtl;
}
/* Change sub nodes indent to be from the right and not from the left*/
.OutlinerItem-module_children__9oZW1 > div:first-of-type {
margin-left: 0rem;
margin-right: calc(var(--levelIndent) * 1);
}
/* Change toggle to appear to the right of the nodes */
.Bullet-module_chevronContainer__G4LBL {
right: -1.4rem;
left: calc(100% + var(--listItemHorizontalSpacing));
}
/* Change title text direction */
.listContentItem {
direction: rtl;
}
/* Moved Opened reference box text direction to the right */
.InlineInfoNodes-module_scroller__JUpAO {
direction: rtl;
}
I must say that I do not have a lot of experience with CSS and it still only took me a couple of hours, without even understanding the source code. I do not see how this would take very long for pro front end developers to develop.
Hope this can help someone.
For me it stills does not make the app good enough to use as it might stop working every day. Hope that it might be usefull to someone else.
Hope that some day this feature will be implemented so we can acually use the app!
You don't have permission to do this.
You're going a bit too fast! Take a break and try again in a moment.
Something went wrong! Please reload the page and try again.
Hi,
I would like to share some kind of workaround.
The following CSS currently changes most of the app to RTL.
You can use a chrome extention called "Stylebot" to alter the css of the app.
This currently does not work for Code Nodes (haven't managed to figure out how this work yet...).
This should work for now, but I do not know if it is stable and will work after they release new features.
/* Change Nodes to appear from right to left */
.listItems {
direction: rtl;
}
/* Change sub nodes indent to be from the right and not from the left*/
.OutlinerItem-module_children__9oZW1 > div:first-of-type {
margin-left: 0rem;
margin-right: calc(var(--levelIndent) * 1);
}
/* Change toggle to appear to the right of the nodes */
.Bullet-module_chevronContainer__G4LBL {
right: -1.4rem;
left: calc(100% + var(--listItemHorizontalSpacing));
}
/* Change title text direction */
.listContentItem {
direction: rtl;
}
/* Fixing tag spacing */
.wrapEditableAndMenu:has([data-role=template-list]) .editable {
margin-right: 0em;
margin-left: 0.35em;
}
.TemplateTag-module_tagPrefix__fUBU4 {
padding-left: 0rem;
padding-right: 0.25rem;
text-align: center;
border-top-right-radius: var(--tagRadius);
border-bottom-right-radius: var(--tagRadius);
}
.TemplateTag-module_tag__8TbLO {
padding-right: 0.2rem;
padding-left: 0.25rem;
border-top-right-radius: var(--tagRadius);
border-bottom-right-radius: var(--tagRadius);
}
/* Moved Opened reference box text direction to the right */
.InlineInfoNodes-module_scroller__JUpAO {
direction: rtl;
}
I must say that I do not have a lot of experience with CSS and it still only took me a couple of hours, without even understanding the source code. I do not see how this would take very long for pro front end developers to develop.
Hope this can help someone.
For me it stills does not make the app good enough to use as it might stop working every day. Hope that it might be usefull to someone else.
Hope that some day this feature will be implemented so we can acually use the app!