{"url":"https://userstyles.org/styles/40980/toodledo-focus","name":"Toodledo Focus","description":"I started off making some small changes to style 23192 by user 24415, but kept making more and more changes until, lo and behold, I had essentially done a complete re-write (though it still uses a few of user 24415's images).\r\n\r\nI love Toodledo and find it extremely powerful and customizable; however, the user interface leaves a lot to be desired.  The two main problems that I have with it are (1) the color palette is ugly and many of the controls are inelegant, and (2) almost all of the various controls for the to-do lists are *above* the list itself, meaning that you have to get through 5-10 lines of configurations options before you get down to the actual tasks.  My central design principle was to try, as much as possible, to move everything outside of the central table so that you can focus on what's really important -- the task to be done!\r\n\r\nThis is still a first pass.  I have done some basic testing in Chrome, Safari, and Firefox, but it is by no means extensive.  I look forward to polishing it up.\r\n\r\n** Update 12/11/10 **\r\n\r\nI made some small changes to the style -- mainly fixing a problem where the pop-ups on the \"add task\" panel would show up below the panel.  I also was made aware that the style doesn't work with the experimental scrolling setting in Toodledo.  I've looked into it and haven't found any way to get it to work yet.  For now, I made a small change so that the setting should have no effect (i.e., the entire page will scroll regardless of what you have set.)\r\n\r\n** Update 12/13/10 **\r\n\r\nI made some changes to the date colors based on priorities (it's now normal face unless the due date is within 2 days, at which point it becomes bold, and it only becomes red when overdue).\r\n\r\nI also made some changes to the way separators work.  First, the gradients weren't working in Firefox, and they should now.  Second, I had designed the separators so that they would shrink and have the text become transparent when open, and then expand slightly and show the text when closed.  People didn't seem to like that, and it created some rendering problems in some browsers, so I simplified it so that the separators are always 16px high.  That hopefully should fix the rendering problems, but please let me know if the text still seems to big for the separator on your browser.\r\n\r\n** Update 12/14/10 **\r\n\r\nThe style was stripping some new line characters in task notes -- it should be fixed now. ","author":"twangus","created":"2010-12-10T22:58:15.000Z","created_ago":"over 15 years","updated":"2010-12-14T07:46:54.000Z","updated_ago":"over 15 years","category":"site","subcategory":"toodledo","weekly_installs":0,"total_installs":6052,"rating":"none","isPremium":false,"screenshot":"https://userstyles.org/style_screenshot_thumbnails/40980_after.gif?r=1778799639","license":null}