HdyHeaderBar become too big inside Flatpak

quan · November 22, 2022, 9:20am

My app, when running inside Flatpak with org.gnome.Platform v43 runtime, its header bar (as HdyHeaderBar widget) becomes too big. I don’t know what causes it. Seem not to be libhandy version, because when running outside Flatpak, in Ubuntu 22.10 (which comes with libhandy 1.8), the header bar size is still normal.

Here is what it looks when running inside Flatpak:

And running outside Flatpak:

Can someone suggest what to do to fix it?

The XML file of UI: CoBang/cobang-resp.glade at main · hongquan/CoBang · GitHub

mazharhussain · November 24, 2022, 5:18am

Check flatpak for updates (for org.gtk3theme.adw-gtk3 specifically). If there isn’t any update available, you will have to change your GTK3 (Legacy Applications) theme to something else, preferebly the default one.

quan · November 24, 2022, 8:29am

After I do

flatpak install org.gtk.Gtk3theme.adw-gtk3

The theme of the app changes, but the header bar is still big

mazharhussain · November 25, 2022, 2:50am

Sorry, I forgot that Ubuntu’s Yaru also looks like adw-gtk3 and assumed that you were using adw-gtk3 itself. Try changing your GTK3 theme to ‘Adwaita’.

gsettings set org.gnome.desktop.interface gtk-theme Adwaita

quan · November 25, 2022, 4:10am

I tried changing theme, but the header bar is still big

mazharhussain · November 25, 2022, 4:25am

After changing the theme, is it still not big on the host system and big only inside the Flatpak?

quan · November 25, 2022, 4:29am

Yes, only big inside Flatpak. It is normal on the host system.

mazharhussain · November 25, 2022, 5:17am

Try using a newer version of org.gnome.Sdk and org.gnome.Platform.

quan · November 25, 2022, 8:30am

I already use the latest version, v43, of org.gnome.Sdk and org.gnome.Platform.
Manifest file: CoBang/vn.hoabinh.quan.CoBang.yaml at feature/upgrade-flatpak-env · hongquan/CoBang · GitHub

totallynotjann · November 25, 2022, 12:02pm

Are you sure you don’t have vexpand set to true on the header bar?

fmuellner · November 25, 2022, 1:14pm

It looks like the problem is related to the icon theme, in particular the webcam icon. For some reason it’s bigger than the other icons in flatpak, and bumps up the (minimum) size of the whole headerbar.

quan · November 25, 2022, 3:02pm

vexpand is not set (as you can see in the included UI XML file).

quan · November 30, 2022, 3:59am

Yes, do you know how to fix it?

mazharhussain · November 30, 2022, 10:58am

Try adding -symbolic at the end of icon-name.

quan · December 7, 2022, 2:01pm

Thank you, it is working (use camera-web-symbolic icon).

system · January 6, 2023, 2:02pm

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.