Greasy Fork

Editing Doit.im

Hi everyone. Can someone help me with simple scrip? I want to delete Waiting, goals, contexts and projects tabs/buttons from sidebar to make more space for contexts. If this is possible i would like to put Projects tab on blue top. I attached image that explains everything better. Thanks for any help! I appreciate it :)

Generally I would use Stylish addon and some css to hide/reposition stuff:

@-moz-document domain("i.doit.im") {

#s_waiting,
.goal,
.context {
  display: none
}

.project {
  position: absolute;
  left: 400px;
  top: -50px;
}

}

Of course you can add this style via userscript, put // @grant GM_addStyle line in the metablock header and the following code after the header:

GM_addStyle('\
  #s_waiting, .goal, .context {display:none;} \
  .project {position:absolute; left:400px; top:-50px;}\
');

This is a primitive css hack which makes the "Projects" label invisible but you should be able to expand/collapse it and select its contents so I'd say it's fine as a demonstration.

Thanks for helping again, wOxxOm !! :)

I used this script and it hide all unnecessary tabs very well, but projects tab doesn't show all up and isn't click able. i attached pic. Thanks very much. :)

// ==UserScript==
// @name doit.im edit
// @include http://i.doit.im/*
// @run-at document-start
// @grant GM_addStyle
// ==/UserScript==
GM_addStyle('\
#s_waiting, .goal, .context {display:none;} \
.project {position:absolute; left:400px; top:-50px;}\
');

Add z-index property to make it clickable: .project {position:absolute; left:400px; top:-50px; z-index:100;}

Thanks again!
This code really made it clickable.
One last favor if you can:
Is there any way to make this .projects tab show any text while still being on top. It could be simple text - "Projects' in white or anything.

Thanks again!

Is there any way to make this .projects tab show any text while still being on top

Well, I tried and it didn't show up.