mirror of
https://github.com/funamitech/mastodon
synced 2024-11-24 15:16:33 +09:00
fix(columns_area): Manually set tabs style when swiping (#4320)
This commit is contained in:
parent
8b43d6bf9c
commit
a248be4fce
@ -56,6 +56,15 @@ export default class ColumnsArea extends ImmutablePureComponent {
|
||||
|
||||
handleSwipe = (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 = () => {
|
||||
|
Loading…
Reference in New Issue
Block a user