[opensuse] Firefox 60+ Input Sizing Fixes?
All, This is a continuing frustration that I would like to find a solution for. With firefox ~60+ all the input boxes are 2-3 times there normal size. This makes for some pretty comical page renderings, e.g. https://paste.opensuse.org/86155530 Node the City, St input is roughly 3X it's normal size and bleeds over into surrounding elements. (the button is about 50% larger than it was) I know this is a Gtk+3 problem that moved the normal sizing of all widgets to the theme. However a year plus later there still isn't a fix. I have Adwaita icon theme which is about the only Gtk+3 theme in town, but still these problems persist. How can we make sure that pages render correctly with the current Firefox? For 10 years all the inputs looked like they belonged where they were put. Now the inputs on pages look like they were put together by some junior high school kiddo following his first "Intro To HTML" tutorial. What can be done to fix this? (having the user hack a special exception for every page on the internet in userContent.css isn't a solution...) -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On Tue, 5 May 2020 19:49:56 -0500
"David C. Rankin"
All,
This is a continuing frustration that I would like to find a solution for. With firefox ~60+ all the input boxes are 2-3 times there normal size. This makes for some pretty comical page renderings, e.g.
https://paste.opensuse.org/86155530
Node the City, St input is roughly 3X it's normal size and bleeds over into surrounding elements. (the button is about 50% larger than it was) I know this is a Gtk+3 problem that moved the normal sizing of all widgets to the theme. However a year plus later there still isn't a fix. I have Adwaita icon theme which is about the only Gtk+3 theme in town, but still these problems persist.
How can we make sure that pages render correctly with the current Firefox?
Well as you've pointed out, it isn't a Firefox problem. I don't have the problem, for example. So you've hinted you're running GTK+ 3 and that its a problem with their themes or something. So why not tell us what OS, desktop etc versions you're running, and where you've looked for GTK+ 3 issues and what the response has been? And does this apply to other applications or just Firefox, so it's a combination, or what? The only GTK+ 3 application I run is gedit, occasionally, which annoys me by completely ignoring my window manager border preferences, so I try to avoid having anything to do with GTK+ 3.
For 10 years all the inputs looked like they belonged where they were put. Now the inputs on pages look like they were put together by some junior high school kiddo following his first "Intro To HTML" tutorial.
What can be done to fix this?
(having the user hack a special exception for every page on the internet in userContent.css isn't a solution...)
-- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 05/06/2020 05:34 AM, Dave Howorth wrote:
Well as you've pointed out, it isn't a Firefox problem. I don't have the problem, for example. So you've hinted you're running GTK+ 3 and that its a problem with their themes or something. So why not tell us what OS, desktop etc versions you're running, and where you've looked for GTK+ 3 issues and what the response has been? And does this apply to other applications or just Firefox, so it's a combination, or what?
The only GTK+ 3 application I run is gedit, occasionally, which annoys me by completely ignoring my window manager border preferences, so I try to avoid having anything to do with GTK+ 3.
Thanks Dave, Sorry, I thought I would be more clear. The screenshot is from 15.0 with firefox-esr 68.7 from the mozilla repository (it doesn't matter what version of FF, so long as it is after the build of FF switched from Gtk+2 to Gtk+3 ~ FF 52). It's not that I'm using Gtk+3 -- it's what FF was built with as a toolkit. The problem is that ever since firefox switched from Gtk+2 to Gtk+3 there have been these rendering problems. Where before the input widgets were always normal size for a single line of input, since the switch, they all look more like postage stamps than inputs. Now the difficult part is this isn't firefox per-say, as FF has no control over the web pages -- but it is very much related to the toolkit FF uses. I have countless examples of before/after the Gtk+2/3 switch and I've been stuck with the oversized inputs on web pages ever since. With applications, there is some relief with the ~/.config/gtk-3.0/settings.ini file and hacks like: gtk-icon-sizes = panel-menu=16,16:panel=16,16:gtk-menu=16,16:gtk-large-toolbar=16,16:gtk-small-toolbar=16,16:gtk-button=16,16 but that has nothing to do with the inputs on web pages. Does anyone know how to make inputs look normal sized again instead of what is show at: https://paste.opensuse.org/86155530 ?? -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 05/06/2020 03:17 PM, David C. Rankin wrote: <snip>
but that has nothing to do with the inputs on web pages. Does anyone know how to make inputs look normal sized again instead of what is show at:
https://paste.opensuse.org/86155530
??
Chuckling, The new openSUSE forms "Search" input "Go" button falls victim to it as well ;p https://paste.opensuse.org/64120277 -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 05/06/2020 09:33 PM, David C. Rankin wrote:
On 05/06/2020 03:17 PM, David C. Rankin wrote: <snip>
but that has nothing to do with the inputs on web pages. Does anyone know how to make inputs look normal sized again instead of what is show at:
https://paste.opensuse.org/86155530
??
Chuckling,
The new openSUSE forms "Search" input "Go" button falls victim to it as well ;p
Ah Hah! It is the damn input CSS 'border' property that defaults to some insanely large value ~ 5px (compared to zero before). If you can hack the border property for input=text, then you can reduce the spillover. I suspect the same property is causing the openSUSE Forums "Search" "Go" to spillover as well... Gotta love it.... -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 07/05/2020 04.33, David C. Rankin wrote:
On 05/06/2020 03:17 PM, David C. Rankin wrote: <snip>
but that has nothing to do with the inputs on web pages. Does anyone know how to make inputs look normal sized again instead of what is show at:
https://paste.opensuse.org/86155530
??
Chuckling,
The new openSUSE forms "Search" input "Go" button falls victim to it as well ;p
I'm using XFCE and FF 68.7esr and I don't have the problem. -- Cheers / Saludos, Carlos E. R. (from 15.1 x86_64 at Telcontar)
On Tue, 5 May 2020 19:49:56 -0500, David C. Rankin wrote:
All,
This is a continuing frustration that I would like to find a solution for. With firefox ~60+ all the input boxes are 2-3 times there normal size. This makes for some pretty comical page renderings, e.g.
https://paste.opensuse.org/86155530
Node the City, St input is roughly 3X it's normal size and bleeds over into surrounding elements. (the button is about 50% larger than it was) I know this is a Gtk+3 problem that moved the normal sizing of all widgets to the theme. However a year plus later there still isn't a fix. I have Adwaita icon theme which is about the only Gtk+3 theme in town, but still these problems persist.
How can we make sure that pages render correctly with the current Firefox?
For 10 years all the inputs looked like they belonged where they were put. Now the inputs on pages look like they were put together by some junior high school kiddo following his first "Intro To HTML" tutorial.
What can be done to fix this?
David, I do not have this issues using Clearlooks-Phenix gtk2/gtk3 theme (from clearlooks-phenix-v7-for-gtk-3.20-and-up_master.zip) in openSUSE Leap 42.2, KDE 3.5.10, firefox 68.0.2esr. I also have the issue when using Adwaita theme. Istvan -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 05/07/2020 04:31 AM, Istvan Gabor wrote:
David,
I do not have this issues using Clearlooks-Phenix gtk2/gtk3 theme (from clearlooks-phenix-v7-for-gtk-3.20-and-up_master.zip) in openSUSE Leap 42.2, KDE 3.5.10, firefox 68.0.2esr.
I also have the issue when using Adwaita theme.
Istvan
Now we are getting somewhere. All sites/help/Mozilla pages say you need to use Adwaita, and I have. I would love if it would pick up my Gtk+2 theme (not only was it one hell of a lot better looking, but had no problems) I have tried other Gtk+3 themes in the past but they all always had problems elsewhere, like link libreoffice or other apps. It has been almost impossible to find a Gtk+3 theme the just works across the board. (and since they are now do damn complex to write, instead of having 1000s of high quality Gtk+2 themes, you have a handful of Gtk+3 themes of nebulous quality) Moreover, with the CSS in Gtk+3 being a moving target over the last 10 Gtk+3 releases, ones that did work with 3.11 no longer work.... Oh what a tangled web.... -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
David C. Rankin composed on 2020-05-06 22:37 (UTC-0500):
David C. Rankin wrote:
It is the damn input CSS 'border' property that defaults to some insanely large value ~ 5px (compared to zero before). If you can hack the border property for input=text, then you can reduce the spillover. I suspect the same property is causing the openSUSE Forums "Search" "Go" to spillover as well...
Gotta love it....
https://paste.opensuse.org/view/simple/55756546 I merely tried a virgin KDE user account/Firefox ESR 68 profile. @96DPI, I exactly reproduced what is seen in that paste. When I then closed FF, switched DPI to 132 and reopened FF, the input box and Go button looked like a perfect fit within the blue background: http://fm.no-ip.com/SS/Suse/rankin20200505-132dpi.jpg Weird. More experimentation needed.... -- Evolution as taught in public schools is religion, not science. Team OS/2 ** Reg. Linux User #211409 ** a11y rocks! Felix Miata *** http://fm.no-ip.com/ -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 08/05/2020 04.10, David C. Rankin wrote:
On 05/07/2020 03:59 AM, Carlos E. R. wrote:
I'm using XFCE and FF 68.7esr and I don't have the problem.
What's in your ~/.config/gtk-3.0/settings.ini ?
[Settings] gtk-font-name=Noto Sans 10 gtk-theme-name=Breeze gtk-icon-theme-name=breeze gtk-fallback-icon-theme=gnome gtk-toolbar-style=GTK_TOOLBAR_ICONS gtk-menu-images=1 gtk-button-images=1 -- Cheers / Saludos, Carlos E. R. (from 15.1 x86_64 at Telcontar)
Am 07.05.20 um 04:33 schrieb David C. Rankin:
On 05/06/2020 03:17 PM, David C. Rankin wrote: <snip>
but that has nothing to do with the inputs on web pages. Does anyone know how to make inputs look normal sized again instead of what is show at:
https://paste.opensuse.org/86155530
??
Chuckling,
The new openSUSE forms "Search" input "Go" button falls victim to it as well ;p
i could confirm, this "go" button is to big...... tumbleweed, kde, ff74.01 simoN -- www.becherer.de -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 05/08/2020 03:57 AM, Carlos E. R. wrote:
On 08/05/2020 04.10, David C. Rankin wrote:
On 05/07/2020 03:59 AM, Carlos E. R. wrote:
I'm using XFCE and FF 68.7esr and I don't have the problem.
What's in your ~/.config/gtk-3.0/settings.ini ?
[Settings] gtk-font-name=Noto Sans 10 gtk-theme-name=Breeze gtk-icon-theme-name=breeze gtk-fallback-icon-theme=gnome gtk-toolbar-style=GTK_TOOLBAR_ICONS gtk-menu-images=1 gtk-button-images=1
Ah.. So you are using breeze icon theme for the app default. Breeze is what libreoffice used to make it Gtk+3 build work (otherwise you had about 5 buttons and 35 in the spillover elipsized menu) Will test breeze then (even though I'm no fan of that theme) -- David C. Rankin, J.D.,P.E.
On 05/08/2020 04:23 AM, Simon Becherer wrote:
i could confirm, this "go" button is to big...... tumbleweed, kde, ff74.01 simoN
Simon, It appears this depends on what Gtk+3 theme you have set as your default in ~/.config/gtk-3.0/settings.ini. I have Adwaita as recommended and the Go button doesn't fit on that page and the rest of the input are way to big. Carlos has breeze set as the default theme and he is reporting the pages and input render fine. I'll have to test breeze as he default gtk+3 theme and see if that fixes things. It's a poor state of affairs if pages render differently based on which gtk+3 theme you have set. The firefox issues are annoying but are small potatoes. You ought to see the unholy mess that Inkscape is now with the new 1.0 release built on Gtk+3 instead of Gtk+2. Icons are so be you loose 1/3 of the usable toolbar icons. They are still working on that -- just be thankful we still have the old version. -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
Hi david, Am 09.05.20 um 07:18 schrieb David C. Rankin:
It appears this depends on what Gtk+3 theme you have set as your default in ~/.config/gtk-3.0/settings.ini. I have Adwaita as recommended and the Go button doesn't fit on that page and the rest of the input are way to big.
Carlos has breeze set as the default theme and he is reporting the pages and input render fine.
I'll have to test breeze as he default gtk+3 theme and see if that fixes things. It's a poor state of affairs if pages render differently based on which gtk+3 theme you have set.
here is my ~/.config/gtk-3.0/settings.ini as you could see, gkt-theme-name=Breeze is also here (like carlos). so maybe some of the other settings? i have never touched this file, my file seems to be the standard at tumbleweed kde. [Settings] gtk-application-prefer-dark-theme=0 gtk-button-images=1 gtk-cursor-theme-name=breeze_cursors gtk-decoration-layout=icon:minimize,maximize,close gtk-enable-animations=1 gtk-fallback-icon-theme=gnome gtk-font-name=Noto Sans, 10 gtk-icon-theme-name=breeze gtk-menu-images=1 gtk-primary-button-warps-slider=0 gtk-theme-name=Breeze gtk-toolbar-style=GTK_TOOLBAR_BOTH_HORIZ if you discover the solution would be happy to hear... trying to change the gtk-toolbar-style....to carlos entry ... i am not able to change the file, it will be always overwritten at login or logout. simoN -- www.becherer.de -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 05/09/2020 06:45 AM, Simon Becherer wrote:
here is my ~/.config/gtk-3.0/settings.ini
as you could see, gkt-theme-name=Breeze is also here (like carlos). so maybe some of the other settings? i have never touched this file, my file seems to be the standard at tumbleweed kde.
[Settings] gtk-application-prefer-dark-theme=0 gtk-button-images=1 gtk-cursor-theme-name=breeze_cursors gtk-decoration-layout=icon:minimize,maximize,close gtk-enable-animations=1 gtk-fallback-icon-theme=gnome gtk-font-name=Noto Sans, 10 gtk-icon-theme-name=breeze gtk-menu-images=1 gtk-primary-button-warps-slider=0 gtk-theme-name=Breeze gtk-toolbar-style=GTK_TOOLBAR_BOTH_HORIZ
if you discover the solution would be happy to hear... trying to change the gtk-toolbar-style....to carlos entry ... i am not able to change the file, it will be always overwritten at login or logout.
simoN
That is one issue -- I don't even install breeze, I don't use it, so I have: cat ~/.config/gtk-3.0/settings.ini [Settings] gtk-primary-button-warps-slider=false gtk-theme-name=Adwaita gtk-icon-theme-name=Adwaita gtk-font-name=Tahoma 8 gtk-cursor-theme-name=DMZ gtk-cursor-theme-size=16 gtk-toolbar-style=GTK_TOOLBAR_BOTH_HORIZ gtk-toolbar-icon-size=GTK_ICON_SIZE_MENU gtk-button-images=0 gtk-menu-images=1 gtk-enable-event-sounds=1 gtk-enable-input-feedback-sounds=1 gtk-xft-antialias=1 gtk-xft-hinting=1 gtk-xft-hintstyle=hintfull gtk-xft-rgba=rgb gtk-menu-popup-delay=0 gtk-application-prefer-dark-theme=true -- David C. Rankin, J.D.,P.E. -- To unsubscribe, e-mail: opensuse+unsubscribe@opensuse.org To contact the owner, e-mail: opensuse+owner@opensuse.org
On 09/05/2020 07.12, David C. Rankin wrote:
On 05/08/2020 03:57 AM, Carlos E. R. wrote:
On 08/05/2020 04.10, David C. Rankin wrote:
On 05/07/2020 03:59 AM, Carlos E. R. wrote:
I'm using XFCE and FF 68.7esr and I don't have the problem.
What's in your ~/.config/gtk-3.0/settings.ini ?
[Settings] gtk-font-name=Noto Sans 10 gtk-theme-name=Breeze gtk-icon-theme-name=breeze gtk-fallback-icon-theme=gnome gtk-toolbar-style=GTK_TOOLBAR_ICONS gtk-menu-images=1 gtk-button-images=1
Ah.. So you are using breeze icon theme for the app default. Breeze is what libreoffice used to make it Gtk+3 build work (otherwise you had about 5 buttons and 35 in the spillover elipsized menu) Will test breeze then (even though I'm no fan of that theme)
In settings/appeareance (XFCE) I have Crux. And in Window Manager Style, I also have Crux (Adwaita is not even listed). I don't see an entry for gtk preferences. I don't remember if I set the theme to breeze myself (how?) or if it a default. -- Cheers / Saludos, Carlos E. R. (from 15.1 x86_64 at Telcontar)
participants (6)
-
Carlos E. R. -
Dave Howorth -
David C. Rankin -
Felix Miata -
Istvan Gabor -
Simon Becherer