bigger search box
tzortea says:
I love RTM, but, yikes, the search box is painfully small which makes it difficult to edit complex smart lists.
lwallach says:
True. In the mean time, someone should be able to provide a way to do this with a Stylish style or GreaseMonkey script. I haven't played much with either except to tweak some width settings to make things wider in RTM, but I'm guessing that the text inputs can either all be set to a different width, or even better each one individually...
graham.reeds says:
I've seen text boxes that grow as the user types which could be pretty smart, but at the same time might break the layout.
bzpilman says:
This could be quite useful. I currently edit complex sl's in a separate text editor.
bdturner says:
Yep, noticed this the other day as I started using smart lists
lwallach says:
Ok guys, I've just created my first Stylish style just to add this functionality! Check it out here:
http://userstyles.org/styles/4220
http://userstyles.org/styles/4220
paul.sinclair says:
Thanks lwallach. Very useful. You probably already know that when you get the confirmation of an action, that it overwrites your search box, but then disappears when you do something else.
lwallach says:
Oops, I didn't realize that! Hmmm, ok, I'll play with it a little and see what I can do...
bzpilman says:
Wow, this is really great! Thanks for putting in the effort :)
I also use the "bigger text, no cow" (along with tiny header and widely for a mega ultra combo of added screen use), so I figured I could throw the orange box to the left of the screen, so it doesn't overlap with the search box. I added this to the script:
#statusbox { padding-left: 10px !important; }
And reduced the search box width a tiny bit to fit even better.
I also use the "bigger text, no cow" (along with tiny header and widely for a mega ultra combo of added screen use), so I figured I could throw the orange box to the left of the screen, so it doesn't overlap with the search box. I added this to the script:
#statusbox { padding-left: 10px !important; }
And reduced the search box width a tiny bit to fit even better.
lwallach says:
Hey bzpillman. Thanks for your contribution. This doesn't really work for me, but that might be because I've tweaked the RTM widely style a bunch. I'll keep working on it when I get some downtime...
lwallach says:
Ok, been playing with this and came up with the following fix. It's now included in the style in userstyles.org linked above, but if you already downloaded it, you can just add the following:
#searchbox {padding-top: 50px !important;}
This accounts for at least one-line confirmation notices by pushing the search box down a bit. In doing so, it also pushes the rest of the content down. Nothing huge, but if you screen/resolution is small, it might be a pain...
#searchbox {padding-top: 50px !important;}
This accounts for at least one-line confirmation notices by pushing the search box down a bit. In doing so, it also pushes the rest of the content down. Nothing huge, but if you screen/resolution is small, it might be a pain...
bzpilman says:
Maybe you could move the statusbox up and to the right a little bit, instead. I think it fits there.
lwallach says:
I tried doing that bzpillman, but didn't have much luck. I'm not an expert in CSS, so there could be a way to do this that I just am not getting due to my lack of expertise...
tzortea says:
Thanks lwallach! Very cool, and works great. But it revelaed my lack of coolness for not knowing about "Stylish". Now I must learn.
Thanks again!
Thanks again!
Some Stylish lines I find useful, just add to any Stylish script you already have:
#listFilter { width: 1225px !important; } /* Really wide search box */
#list { height: 1px !important; } /* Puts the links normally at the bottom almost at the top */
#statusbox { padding-left: 700px !important; } /* Moves the status box to the right */
#statusbox { padding-top: 10px !important; } /* Moves the status box down a little so you can undo things */
#appheaderlogo { display:none !important; } /* No cow */
Sorry for the Swedish but you get the idea (click the PNG for a larger version).
#listFilter { width: 1225px !important; } /* Really wide search box */
#list { height: 1px !important; } /* Puts the links normally at the bottom almost at the top */
#statusbox { padding-left: 700px !important; } /* Moves the status box to the right */
#statusbox { padding-top: 10px !important; } /* Moves the status box down a little so you can undo things */
#appheaderlogo { display:none !important; } /* No cow */
Sorry for the Swedish but you get the idea (click the PNG for a larger version).
tzortea says:
Thanks everyone. One problem remains on this search box: after you've created a smartlist and wish to editing the search operation, the size of the box on the "Settings" page under the "List" tab is still one of those ultra-small boxes, is there anyway to increase this one also?
If not, RTM team, please consider enlarging this text box also, editing is very difficult otherwise.
Thanks.
If not, RTM team, please consider enlarging this text box also, editing is very difficult otherwise.
Thanks.
krypticide says:
Any response from the RTM team about this? Would really like to see expanded text boxes for all fields, including search, name, and search criteria.
