Sonny, Forum Extract for us.o script brakes the new reply textboxes - it exposes the new html formating menus right on top and you can't type in those boxes. I'm actually typing in another forum to copy/paste here. In case you don't have the script, it's here.
Put double forward slashes in front of display: -moz-box !important;\ like so: //display: -moz-box !important;\ and save changes.
See if that solves it, did with mine. I would suspect more changes are coming down the pike. Also, add this to your css if you would like to resize the textarea: .textarea-autosize { resize: both !important; }
I suspect more changes are in store for the site as well. Need to get use to it I suppose, or when they get finished with the site, create scripts/stylesheets for our needs.
Actually, this ^ happens after you edit text, then delete it (the edited part, i think) and suddenly text jumps all the way to the left hiding behind the icon. Odd. I have to use this, looks good to me: .clear-field { margin-top: -10px !important; margin-left: -20px !important; }
... but it doesn't seem to work! It shows right for a second and then jumps back to the script default. Can't find what i need to change in the script.
EDIT: the field in the above pic is simply INPUT (it's a phpBB forum)
Which site is it? Some sites have different methods of creating input elements, thus, probably needs to be coded into the script. If site requires login, to get to the input box, than, perhaps an DOMi pic of the expanded tree view of the input's parent node and the sites url may do for me to code it.
TMP forum. Find your thread (did you start any there? If not, just start a thread here, name it something long, submit. Then go edit and try to change its title by typing something in front of the title. That's what happened when i took the shot above. It should be the same on mozine but i didn't start any threads there that i can remember and can't test it there. But the thing is, i still would like the icon to be at the top left border and not within the textboxes, this will eliminate any of it happening anywhere.
OK, moved icon left 10px and up 10px, but will not affect the position on the large input boxes (more than 33px in height) like DuckDuckGo: https://dl.dropboxusercontent.com/u/77691265/Clear_Field_4.user.js Can easily set icon size, position and text padding from within the script with these settings: // Numbers only representing pixels const iconSizeSB = 32; // max size of icon in searchbox (icon auto sizes to height of textbox) const iconSizeTA = 19; // size of icon in textarea const iconPadding = 0; // padding of icon const iconLeft = 10; // move the icon position left (0 for inside textbox) const iconTop = 10; // move the icon position up (0 for inside textbox) const textPadding = 2; // padding of text from icon
I'd like the searchbar icon be the same size as the textbox, 19 is fine. How can i restrict it from expanding? It just doesn't make any sense to me to have a larger icon in smaller fields, for instance DDG:
In the script, change this value from 32 to 19: const iconSizeSB = 32; This will restrict the maximum size to 19, and you can play around with the other values as well. That Usps Tracking site is the reason I like putting the icon into the input box itself. Some sites have strange ways of creating their input elements. Otherwise, each of those sites would have to be specially coded, and only God knows how many sites are like that.
Try this one: https://dl.dropboxusercontent.com/u/77691265/Clear_Field_5.user.js Different name and version, so disable version 1.0.4 (will not overwrite 1.0.4). In 1.0.5, within the script, you can set the icon offset (default is up 10 and left 10) and max icon size of 19. Large input boxes, i.e. DDG, will not display the offset. Keep in mind that web designers are not uniform in how they code, as with usps tracking, so some sites will not position the icon as desired. What css are you trying to insert?
You can not use most css values on the image, they are coded into the script. Change values from within the script with these: // Numbers only, represents pixels const iconSizeSB = 19; // max size of icon in searchbox const iconSizeTA = 19; // size of icon in textarea const iconPadding = 1; // padding of icon const iconOffsetX = 10; // move icon left (0 will put icon in input box) const iconOffsetY = 10; // move icon up (0 will put icon in input box) const textPadding = 2; // padding of text from icon
Sooooooooooooo, the 'developers' changing the us.o layout .... Your table will brake, i see the header looking weird already. It already broke my style for us.o. I'm not complaining here, i deleted all my styles anyway, so i don't need the table any more but thought i'd let you know.
Sonny, about Clear all, is it possible to add the button to the about:config search field? Or maybe add it to the Clear search CB (BTW, i don't see it listed under your buttons but pretty sure it is yours)?
Does not your search input field in your about:config already have a clear button at the right end of the textbox by default (a small X .textbox-search-clear) ? CB has an Clear Field button in its search input box, unless you mean somewhere else, post a screenie.
I'm talking about custom button Clear searchbar which is for the browsr search bar, i will try to find it in the CB forum, pretty sure it's yours as i remember babrbie talking about its location ... with you ... i believe.
I can add an Clear button to the browsers searchbar via Site Favicon in Urlbar addon. All the functions are already coded and just need to insert the image. Will give it an id and class name so you can do whatever with it. Will this do?
Comments
I'll try to uninstall/reinstall.
BB.
Forum Extract for us.o script brakes the new reply textboxes - it exposes the new html formating menus right on top and you can't type in those boxes. I'm actually typing in another forum to copy/paste here. In case you don't have the script, it's here.
and you will find this block of css code
.Comment.Flyout.MenuItems, #Content .Flyout.MenuItems {\
background: none !important;\
border: none !important;\
box-shadow: none !important;\
display: -moz-box !important;\
visibility: visible !important;\
}\
Put double forward slashes in front of display: -moz-box !important;\
like so: //display: -moz-box !important;\
and save changes.
See if that solves it, did with mine. I would suspect more changes are coming down the pike. Also, add this to your css if you would like to resize the textarea:
.textarea-autosize {
resize: both !important;
}
/* === Options Edit link */ .OptionsTitle { display: none !important; } .ToggleFlyout.OptionsMenu .Flyout.MenuItems { display: -moz-box !important; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .OptionsMenu .Flyout.MenuItems .EditComment { margin-left: -50px !important; margin-top: -10px !important; }still having problem with the Clear icon obstructing field:
margin-top: -something doesn't seem to work anymore.
BTW, WTF happened to all that new formatting?!
I have to use this, looks good to me:
.clear-field
{ margin-top: -10px !important;
margin-left: -20px !important; }
... but it doesn't seem to work! It shows right for a second and then jumps back to the script default. Can't find what i need to change in the script.
EDIT: the field in the above pic is simply INPUT (it's a phpBB forum)
But the thing is, i still would like the icon to be at the top left border and not within the textboxes, this will eliminate any of it happening anywhere.
See if this corrects that issue, then I will check on re-positioning the icon.
Can easily set icon size, position and text padding from within the script with these settings:
// Numbers only representing pixels
const iconSizeSB = 32; // max size of icon in searchbox (icon auto sizes to height of textbox)
const iconSizeTA = 19; // size of icon in textarea
const iconPadding = 0; // padding of icon
const iconLeft = 10; // move the icon position left (0 for inside textbox)
const iconTop = 10; // move the icon position up (0 for inside textbox)
const textPadding = 2; // padding of text from icon
Different name and version, so disable version 1.0.4 (will not overwrite 1.0.4).
In 1.0.5, within the script, you can set the icon offset (default is up 10 and left 10) and max icon size of 19. Large input boxes, i.e. DDG, will not display the offset. Keep in mind that web designers are not uniform in how they code, as with usps tracking, so some sites will not position the icon as desired. What css are you trying to insert?
.clear-field
{ height: 19px !important;
width: 19px !important; }
with different values and moz-appearance:none but nothing worked. Let me try the new version. BB.
// Numbers only, represents pixels
const iconSizeSB = 19; // max size of icon in searchbox
const iconSizeTA = 19; // size of icon in textarea
const iconPadding = 1; // padding of icon
const iconOffsetX = 10; // move icon left (0 will put icon in input box)
const iconOffsetY = 10; // move icon up (0 will put icon in input box)
const textPadding = 2; // padding of text from icon
(^ from 'russian hackers' with love ...
I'm not complaining here, i deleted all my styles anyway, so i don't need the table any more but thought i'd let you know.
about Clear all, is it possible to add the button to the about:config search field? Or maybe add it to the Clear search CB (BTW, i don't see it listed under your buttons but pretty sure it is yours)?
Forget it then .... Thanks!