Arch Linux

wolttam

Member

Registered: 2016-06-09

Posts: 6

[Solved] Firefox - ugly, fat, form input fields

Hi all,
I posted about this previously in the Newbie Corner in June, and still haven't been able to find a fix. I had this problem in Gnome, XFCE, now I use KDE and the problem is still there. Current FF is 48.0.2-1

The images here show the the issue - Firefox is failling to render form inputs like the Chromium

Here is my ~/.config/gtk-3.0/settings.ini

[Settings]
gtk-font-name=DejaVu Sans Book 10
gtk-theme-name=breeze
gtk-icon-theme-name=breeze
gtk-fallback-icon-theme=default
gtk-cursor-theme-name=breeze_cursors
gtk-toolbar-style=GTK_TOOLBAR_ICONS
gtk-menu-images=1
gtk-button-images=1

I've tried the "Refresh Firefox" button as well as just starting with an empty ~/.mozilla folder to no avail..

Wondering if anyone else has experienced this and if they've found any solutions?
Thanks!

Last edited by wolttam (2016-09-05 21:04:17)

frank604

Member

From: BC, Canada

Registered: 2011-04-20

Posts: 1,212

Re: [Solved] Firefox - ugly, fat, form input fields

Can you describe your issue a little further?  Even after viewing the image I don't see the issue.  Are you looking to slim the input fields horizontally and vertically?  Horizontally?  What is fat about them right now?  What is 'ugly'? Maybe show what that page looks like in chrome or other browser where it looks normal?

wolttam

Member

Registered: 2016-06-09

Posts: 6

Re: [Solved] Firefox - ugly, fat, form input fields

Hi, thanks for the reply!

That album has an image from Chromium where everything is looks normal. Basically, the default styling of form inputs on Firefox seems to add extra padding around the text inside text input fields, and it seems to make dropdown selections and text inputs wider. If an input has custom CSS, it will look fine, but it doesn't when the website uses default styling. On this particular website, the table's header row is completely gone in Firefox. When using the same Firefox version on a different system, everything looks fine.

I've read a bunch about form issues on Firefox being related to font, but don't really know where to begin fixing. I've tried a few different GTK font settings and it doesn't seem to make a difference other than changing the font of Firefox's UI.

AbaddonOrmuz

Member

Registered: 2014-07-05

Posts: 43

Website

Re: [Solved] Firefox - ugly, fat, form input fields

I don't think this is related with the font but the theme stylesheet.

I have the same problem [1], however I haven't put enought effort to even try to solve it. You can tweak your current Gtk 3 theme in the ~/.config/gtk-3.0/gtk.css [2] file for your user, I haven't tried though.

[1]: http://imgur.com/a/licSA
[2]: https://developer.gnome.org/gtk3/stable … ntext.html

---

Personal website | Linux Boards

idmresettrial

Member

Registered: 2015-09-12

Posts: 29

Re: [Solved] Firefox - ugly, fat, form input fields

Try using arc or fxchrome theme for firefox.

Last edited by idmresettrial (2016-09-04 03:10:22)

wolttam

Member

Registered: 2016-06-09

Posts: 6

Re: [Solved] Firefox - ugly, fat, form input fields

I don't think this is related with the font but the theme stylesheet.

I have the same problem [1], however I haven't put enought effort to even try to solve it. You can tweak your current Gtk 3 theme in the ~/.config/gtk-3.0/gtk.css [2] file for your user, I haven't tried though.

[1]: http://imgur.com/a/licSA
[2]: https://developer.gnome.org/gtk3/stable … ntext.html

Yep.. exact same problem. I'm going to compare my style sheets with the style sheets of another system which firefox looks normal on, and see if I can find what's causing it.. Thanks for the tip

Try using arc or fxchrome theme for firefox.

Both nice looking themes but didn't have any effect!

Cheers

Last edited by wolttam (2016-09-04 17:16:30)

JxK

Member

Registered: 2016-05-23

Posts: 4

Re: [Solved] Firefox - ugly, fat, form input fields

I had the same annoyance with Firefox/KDE Plasma 5, but I managed to fix it. Firefox is my only GTK3 application, so it may or may not break other GTK3 applications. Works for me, though.

~/.config/gtk-3.0/gtk.css:

entry, button {
	min-height: 0;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px; } 

wolttam

Member

Registered: 2016-06-09

Posts: 6

Re: [Solved] Firefox - ugly, fat, form input fields

I had the same annoyance with Firefox/KDE Plasma 5, but I managed to fix it. Firefox is my only GTK3 application, so it may or may not break other GTK3 applications. Works for me, though.

~/.config/gtk-3.0/gtk.css:

entry, button {
	min-height: 0;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px; } 

That fixed it for me as well. Thank you! Funny, I had this in every desktop env and GTK theme I tried, in the hunt for one that didn't have the issue.
You rock!

Now.. I wonder why isn't this being talked about more (unless I just haven't found the discussion). Could an upstream patch could fix it, or what is even causing it, since the issue is nonexistent in Ubuntu 14.10. I don't have the time to go further into it, I'm just happy I don't see the problem anymore

JxK

Member

Registered: 2016-05-23

Posts: 4

Re: [Solved] Firefox - ugly, fat, form input fields

I had the same annoyance with Firefox/KDE Plasma 5, but I managed to fix it. Firefox is my only GTK3 application, so it may or may not break other GTK3 applications. Works for me, though.

~/.config/gtk-3.0/gtk.css:

entry, button {
	min-height: 0;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px; } 

That fixed it for me as well. Thank you! Funny, I had this in every desktop env and GTK theme I tried, in the hunt for one that didn't have the issue.
You rock!

Now.. I wonder why isn't this being talked about more (unless I just haven't found the discussion). Could an upstream patch could fix it, or what is even causing it, since the issue is nonexistent in Ubuntu 14.10. I don't have the time to go further into it, I'm just happy I don't see the problem anymore

Glad it helped . For some reason those elements are huge in the gtk-theme and nobody seems to be bothered by it. Ubuntu is probably using modified theme.