Gtk3 CSS background-image won't display 1 to 1 pixel by pixel
I'm working on a Gtk3 theme and cant get small background-images to display sharply. I'd like them to be displayed as they are, pixel by pixel, without scaling, anti alias etc.
To narrow down the problem I made a file ~/.themes/test/gtk-3.2/gtk.css
containing only:
combobox button arrow
{
min-width:15px;
min-height:6px;
background-image:url("comboBoxBeam.png");
background-size: 15px 6px;
background-repeat: no-repeat;
background-position: center;
margin:0px;
padding:0px;
}
and fired up awf-gtk3. In the image below, you see screen grabs from:
- the original comboBoxBeam.png 2) the image as displayed in awf-gtk3 app with the above gtk.css file 3) the image displayed in awf-gtk3 with this gtk.css file (height 5 instead of 6):
combobox button arrow
{
min-width:15px;
min-height:5px;
background-image:url("comboBoxBeam.png");
background-size: 15px 5px;
background-repeat: no-repeat;
background-position: center;
margin:0px;
padding:0px;
}
In 2) the image is displayed with height 7 (too high) and blurry In 3) the image is displayed at the given size 5 and sharply, but the original image is on pixel larger (6px)
Shouldn't images be displayed 1 to 1 as the original image is, when the set size is the same as the original image size?
(Xubuntu 17.10, gtk version 3.22)
Edited by Daniel Boles