cybrespace/mastodon
4
3
Fork 3
Code Issues 7 Pull requests Releases Activity

fix(columns_area): Manually set tabs style when swiping (#4320)

Browse source
This commit is contained in:
Sorin Davidoi 2017-07-26 19:03:56 +02:00 • committed by Eugen Rochko
parent 8b43d6bf9c
commit a248be4fce
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/javascript/mastodon/features/ui/components/columns_area.js
View file

@ -56,6 +56,15 @@ export default class ColumnsArea extends ImmutablePureComponent {
handleSwipe = (index) => { handleSwipe = (index) => {
this.pendingIndex = index; this.pendingIndex = index;
const nextLinkTranslationId = links[index].props['data-preview-title-id'];
const currentLinkSelector = '.tabs-bar__link.active';
const nextLinkSelector = `.tabs-bar__link[data-preview-title-id="${nextLinkTranslationId}"]`;
// HACK: Remove the active class from the current link and set it to the next one
// React-router does this for us, but too late, feeling laggy.
document.querySelector(currentLinkSelector).classList.remove('active');
document.querySelector(nextLinkSelector).classList.add('active');
} }
handleAnimationEnd = () => { handleAnimationEnd = () => {