mirror of
https://github.com/wekan/wekan.git
synced 2025-12-17 07:50:12 +01:00
remove old open card code to scroll the screen
This commit is contained in:
parent
05df419a46
commit
a22631915b
1 changed files with 0 additions and 66 deletions
|
|
@ -76,62 +76,6 @@ BlazeComponent.extendComponent({
|
||||||
return !Utils.getPopupCardId() && ReactiveCache.getCurrentUser().hasCardMaximized();
|
return !Utils.getPopupCardId() && ReactiveCache.getCurrentUser().hasCardMaximized();
|
||||||
},
|
},
|
||||||
|
|
||||||
scrollParentContainer() {
|
|
||||||
const cardPanelWidth = 600;
|
|
||||||
const parentComponent = this.parentComponent();
|
|
||||||
|
|
||||||
/*
|
|
||||||
// Incomplete fix about bug where opening card scrolls to wrong place
|
|
||||||
// https://github.com/wekan/wekan/issues/4572#issuecomment-1184149395
|
|
||||||
// TODO sometimes parentComponent is not available, maybe because it's not
|
|
||||||
// yet created?!
|
|
||||||
if (!parentComponent) return;
|
|
||||||
const bodyBoardComponent = parentComponent.parentComponent();
|
|
||||||
*/
|
|
||||||
|
|
||||||
//On Mobile View Parent is Board, Not Board Body. I cant see how this funciton should work then.
|
|
||||||
if (bodyBoardComponent === null) return;
|
|
||||||
const $cardView = this.$(this.firstNode());
|
|
||||||
const $cardContainer = bodyBoardComponent.$('.js-swimlanes');
|
|
||||||
|
|
||||||
/*
|
|
||||||
// Incomplete fix about bug where opening card scrolls to wrong place
|
|
||||||
// https://github.com/wekan/wekan/issues/4572#issuecomment-1184149395
|
|
||||||
// TODO sometimes cardContainer is not available, maybe because it's not yet
|
|
||||||
// created?!
|
|
||||||
if (!$cardContainer) return;
|
|
||||||
*/
|
|
||||||
|
|
||||||
const cardContainerScroll = $cardContainer.scrollLeft();
|
|
||||||
const cardContainerWidth = $cardContainer.width();
|
|
||||||
|
|
||||||
const cardViewStart = $cardView.offset().left;
|
|
||||||
const cardViewEnd = cardViewStart + cardPanelWidth;
|
|
||||||
|
|
||||||
let offset = false;
|
|
||||||
if (cardViewStart < 0) {
|
|
||||||
offset = cardViewStart;
|
|
||||||
} else if (cardViewEnd > cardContainerWidth) {
|
|
||||||
offset = cardViewEnd - cardContainerWidth;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (offset) {
|
|
||||||
bodyBoardComponent.scrollLeft(cardContainerScroll + offset);
|
|
||||||
}
|
|
||||||
|
|
||||||
//Scroll top
|
|
||||||
const cardViewStartTop = $cardView.offset().top;
|
|
||||||
const cardContainerScrollTop = $cardContainer.scrollTop();
|
|
||||||
|
|
||||||
let topOffset = false;
|
|
||||||
if (cardViewStartTop !== 100) {
|
|
||||||
topOffset = cardViewStartTop - 100;
|
|
||||||
}
|
|
||||||
if (topOffset !== false) {
|
|
||||||
bodyBoardComponent.scrollTop(cardContainerScrollTop + topOffset);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
presentParentTask() {
|
presentParentTask() {
|
||||||
let result = this.currentBoard.presentParentTask;
|
let result = this.currentBoard.presentParentTask;
|
||||||
if (result === null || result === undefined) {
|
if (result === null || result === undefined) {
|
||||||
|
|
@ -442,20 +386,10 @@ BlazeComponent.extendComponent({
|
||||||
'click .js-maximize-card-details'() {
|
'click .js-maximize-card-details'() {
|
||||||
Meteor.call('toggleCardMaximized');
|
Meteor.call('toggleCardMaximized');
|
||||||
autosize($('.card-details'));
|
autosize($('.card-details'));
|
||||||
if (!Utils.isMiniScreen()) {
|
|
||||||
Meteor.setTimeout(() => {
|
|
||||||
this.scrollParentContainer();
|
|
||||||
}, 500);
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
'click .js-minimize-card-details'() {
|
'click .js-minimize-card-details'() {
|
||||||
Meteor.call('toggleCardMaximized');
|
Meteor.call('toggleCardMaximized');
|
||||||
autosize($('.card-details'));
|
autosize($('.card-details'));
|
||||||
if (!Utils.isMiniScreen()) {
|
|
||||||
Meteor.setTimeout(() => {
|
|
||||||
this.scrollParentContainer();
|
|
||||||
}, 500);
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
'click .js-vote'(e) {
|
'click .js-vote'(e) {
|
||||||
const forIt = $(e.target).hasClass('js-vote-positive');
|
const forIt = $(e.target).hasClass('js-vote-positive');
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue