Search box font issue

yegg Staff yegg
Created: 7 years and 2 months ago
Someone reported this issue (g getting cutoff in search box), but I am having trouble reproducing. They are on FF3 on Win64 XP.

This forum has been archived

Thank you all for the many comments, questions and suggestions. Particular thanks go to user x.15a2 for constantly monitoring, replying and helping so many users here. To continue these discussions, please head over to the DuckDuckGo subreddit.


anonymous
I've been trying ddg in all my web browsers and I also noticed this in seamonkey on ubuntu 11.04
What other info do you need?

btw, the html version doesn't work very well in Mosaic ;)
posted by [Old Forum guest] • 7 years and 2 months ago Link
crazedpsyc
That was me
And the lite version works perfectly in Mosaic :D

___________________
https://launchpad.net/~crazedpsyc
ps. I am human
posted by crazedpsyc 7 years and 2 months ago Link
yegg
That's what lite is for :) - should I make Mosaic default to it like lynx?
posted by yegg Staff7 years and 2 months ago Link
crazedpsyc
> should I make Mosaic default to it like lynx?
Yeah, that would be great since the html version is scattered all over the page in mosaic, and not really useable.

___________________
https://launchpad.net/~crazedpsyc
ps. I am human
posted by crazedpsyc 7 years and 2 months ago Link
crazedpsyc
Alright, so the problem appears to be that the text in seamonkey is pushed about one pixel down (i used a screen ruler)
Many letters, not just 'g' do it, like 'j' and even a tiny bit on 'b' and 'd'.
One thought I have is that both those applications have excessively large toolbar/tab areas, and I at least have an excessively wide-screen 1366*768 with a top panel that is about 20 some pixels high

___________________
https://launchpad.net/~crazedpsyc
ps. I am human
posted by crazedpsyc 7 years and 2 months ago Link
yegg
Weird -- does Firebug work there? I wonder if there is a way to change it to work that doesn't change it for everyone else.
posted by yegg Staff7 years and 2 months ago Link
crazedpsyc
You might do a little thing in the settings, or have something that checks the UserAgent, but I don't think either of those would be terribly useful.
Firebug, if you mean does it work in seamonkey, i'm downloading an old version that apparently does right now

EDIT: And it works!
___________________
https://launchpad.net/~crazedpsyc
ps. I am human
posted by crazedpsyc 7 years and 2 months ago Link
yegg
Yeah, just wondering if there is a CSS tweak that would fix it.
posted by yegg Staff7 years and 2 months ago Link
crazedpsyc
If you know what bit of css is causing it, I'll try tweaking. I tried adjusting margin, padding, and border with no luck
EDIT: I set the font-size to 17px and it looks fine, but I'll keep looking for other stuff
___________________
https://launchpad.net/~crazedpsyc
ps. I am human
posted by crazedpsyc 7 years and 2 months ago Link
yegg
font-size and/or height of hfi ?
posted by yegg Staff7 years and 2 months ago Link
crazedpsyc
Yep, removing or adjusting the width property works too

___________________
https://launchpad.net/~crazedpsyc
ps. I am human
posted by crazedpsyc 7 years and 2 months ago Link
yegg
Hmm -- does setting the font-size to 18px work? It is a % now; I wonder if it is getting interpreted wrong somewhere. I don't see why changing the width would do anything --that's odd. What do you change it to?
posted by yegg Staff7 years and 2 months ago Link
anonymous
Sorry, I meant to say height, not width :) and no, it is not fixed yet :(
17px is the max font-size that works in seamonkey (for that box)... The only way I can get the problem in Firefox is to turn up the font-size to 20px
Setting the font-size to a percent does not appear to do anything at all in seamonkey. I even set it to 10% and there was no difference. With the html <font> tag you can make it something like <font size="+2"> to make it 2 pts larger than the default, but it doesn't work with percents either...
If you just set the height of the entire thing (hfi, hfih) to auto and then set hfxh to 100% height, I think it would work better

posted by [Old Forum guest] • 7 years and 2 months ago Link
crazedpsyc
Another bit of info that might help: In seamonkey, the search box (from red border to red border) is exactly 33px high, while it is exactly 37px high in firefox.
-- nevermind, I measured wrong. They are both about 35px.

____
There is a "font-size: 18px;" in the #hfih styling. If you take that out completely, it works just fine on all browsers I can try :)

___________________
https://launchpad.net/~crazedpsyc
ps. I am human
posted by crazedpsyc 7 years and 2 months ago Link
anonymous
It's all about the padding...

Better to remove the top and bottom padding and set line-height to the same value as the height (To keep it centered), I believe.

#hfih, #hfi {
padding: 0 6px;
line-height: 32px;
height: 32px;
}
posted by [Old Forum mrmagical] • 7 years and 2 months ago Link
crazedpsyc
Wow, that did it!  the text is a bit to close to the top of the box now, though.

___________________
http://crazedpsyc.github.com/
ps. I am human
posted by crazedpsyc 7 years and 2 months ago Link
anonymous
Go with something inbetween?

#hfih, #hfi {
padding: 2px 6px;
line-height: 28px;
height: 28px;
}
posted by [Old Forum guest] • 7 years and 2 months ago Link