User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:42.0) Gecko/20100101 Firefox/42.0 Build ID: 20151029151421 Steps to reproduce: open any site with checkbox Linux x86_64 GTK 3.22 Firefox 48,49 Actual results: After migrate firefox to gtk3, checkbox is incorrect scaled. See screenshot "before". More detail info see bug in gnome bugzilla. https://bugzilla.gnome.org/show_bug.cgi?id=773059 Expected results: checkbox must be look like as screenshot "after".

Same with Adwaita 3.20.

patch to firefox-50.1.0.source.tar.xz

I think, i found problem. For checkbox(also radiobox) 'indicator-size' and 'indicator-spacing' is deprecated. See https://developer.gnome.org/gtk3/stable/GtkCheckButton.html#GtkCheckButton--s-indicator-size GtkCheckButton:indicator-size has been deprecated since version 3.20 and should not be used in newly-written code. Use CSS min-width and min-height on the indicator node. GtkCheckButton:indicator-spacing has been deprecated since version 3.20 and should not be used in newly-written code. Use CSS margins of the indicator node, the value of this style property is ignored. in https://hg.mozilla.org/mozilla-central/file/tip/widget/gtk/gtk2drawing.c line 1048 in moz_gtk_toggle_paint() If 'indicator-spacing' set to zero, then problem is gone. (need add line '* {-GtkCheckButton-indicator-spacing: 0;}' to gtk theme style) I prepared a patch that should solve this problem. 1) use min-width/min-height instead of indicator-size 2) use margin width/height instead of indicator-spacing This also fix problem if min-width/min-height have different size (more than 16px) Also need adapt code in widget/gtk/gtk3drawing.cpp I hope it will help in solving this bug.

test program. compile with this gcc `pkg-config --cflags gtk+-3.0` -o test_checkbox test_checkbox.c `pkg-config --libs gtk+-3.0`

Thanks for the patch, but AFAIK the Gtk2 code is going to be removed soon. We may need such patch for Gtk3.

I just showed the sample solution on the gtk2. I do not know all the dependencies in the code, so i can miss something. > Also need adapt code in widget/gtk/gtk3drawing.cpp The word 'code' i mean 'patch'.

$ cd .themes/ $ tar -xvf test1.tar.xz select gtk theme 'Test1'

gcc `pkg-config --cflags gtk+-3.0` -o test_checkbox3 test_checkbox3.c `pkg-config --libs gtk+-3.0`

patch applied to https://hg.mozilla.org/mozilla-central/ I have not tested the patch, but it should work.

tested on firefox 51.0.1.

Test1 theme: $ cat ~/.themes/test1/gtk-3.22/gtk.css @import url("resource:///org/gtk/libgtk/theme/Adwaita/gtk-contained.css"); check { border: 2px solid red; padding: 2px; } /* focus can be changed with 'outline' style properties. */