Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Fix layout for RTL (tootsuite pr #6014, #6018)

Browse source
This commit is contained in:
cwm 2017-12-26 13:49:53 -06:00
parent 46565ed746
commit 337c2e77ee
2 changed files with 25 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/javascript/flavours/glitch/features/ui/components/columns_area.js
View file

@ -54,7 +54,10 @@ export default class ColumnsArea extends ImmutablePureComponent {
if (!this.props.singleColumn) {
this.node.addEventListener('wheel', this.handleWheel, detectPassiveEvents.hasSupport ? { passive: true } : false);
}
this.lastIndex = getIndex(this.context.router.history.location.pathname);
this.lastIndex = getIndex(this.context.router.history.location.pathname);
this.isRtlLayout = document.getElementsByTagName('body')[0].classList.contains('rtl');
this.setState({ shouldAnimate: true });
}
@ -80,7 +83,8 @@ export default class ColumnsArea extends ImmutablePureComponent {
handleChildrenContentChange() {
if (!this.props.singleColumn) {
this._interruptScrollAnimation = scrollRight(this.node, this.node.scrollWidth - window.innerWidth);
const modifier = this.isRtlLayout ? -1 : 1;
this._interruptScrollAnimation = scrollRight(this.node, (this.node.scrollWidth - window.innerWidth) * modifier);
}
}