MMM-Todoist

sdetweil

@bdream keep expanding, you have the whole module content selected there, get to the little part that needs to move

bdream

I see what you mean.
It’s tricky as I use MMM-Carousel and every time I click to expand it switch back.

Have commented out MMM-Carousel and see that

Don’t know how to get the red round marked off

sdetweil

@bdream expand the other divTableRows

sdetweil

@bdream said in MMM-Todoist:

It’s tricky as I use MMM-Carousel and every time I click to expand it switch back.

yes, sometimes you have to just use the one module to be able to explore effectively

bdream

@sdetweil don’t know what exactly I’m looking for :face_with_monocle:

I assume 1 (marked in red 1) is exactly the space I want to get rid off.
And ! seems to me related to 2 (marked in red 2) , what in english is [space]

Could it be I have to do any in custom.css regarding the both lines with spacecells in it?

sdetweil

@bdream remember the whole point of this exercise was to find the element and figure out how to hide it.
but I don’t see a spacerCell class defined anywhere. you should move the left edge of the dev window further left, to get the class display vertical… (like in my previous images)

u can define a spacerCell class in custom.css and then be able to edit it here, but maybe this would be enough

.MMM-Todoist .spacerCell {
display: none;
}

bdream

@sdetweil Thanks Sam! Idea was good but not the right point.
I will work a bit on it and deep dive but first look shows there will nothing I can use to work with custom.css

cbrooker

Hi All,

I just saw this thread and think I can offer some assistance. I wrote and maintain the MMM-Todoist module.

That space that you’re seeing is where the Todo Priority would be displayed if you set a priority.

Like this (the red bar):

If you have no need for that and want to remove the space the quickest “hack” you can do is:

Open /modules/MMM-Todoist/MMM-Todoist.js
Comment out these 2 lines:

divRow.appendChild(this.addPriorityIndicatorCell(item));
divRow.appendChild(this.addColumnSpacerCell());

Line 592 and 593.

Save and reload MagicMirror.
Do a local commit (git commit -a)

That will remove the space however, every time you update module you might have to deal with a merge conflict.

More advanced:
You could also fork the repo, clone the new repo into your modules folder make, the changes, commit, push. You could then pull the upstream changes when you wanted to update.

cbrooker

Alternatively, you can add this to the bottom of the MMM-Todoist.css custom CSS file.

.divTableCell:first-of-type {
    display: none;
} 
.divTableRow > div:nth-child(2) {
    display: none;
}

Stoffbeuteluwe

@cbrooker Oh Perfect… thank you very much…:folded_hands_medium-dark_skin_tone: