Some apps have a weird window size / margin all around

General Help
,
1

Hello everyone, I'm making this request because I have a problem with some applications: the display size does not correspond to their actual size. It's as if there was some kind of invisible margin all around. I especially noticed this when I installed the “Rounded Windows Corner” extension to force rounded corners on all applications.
The bug persists with or without this extension.

Do you think I should contact the developers of the applications concerned, or could it be ZorinOS? (I'm on Wayland, and X11 causes me too many problems for certain uses so I can't switch).

In my exemple, the problem comes from the Beaver app and Vesktop.

(With "window rounder corners", you can see the real size of the apps)

2

are these apps non-GTK apps? Like QT or Electron framework apps?

3

Just looked it up and yes, Beaver Notes is indeed an Electron app, as is Discord.

4

Yes they are Electron based, but some of my electrons apps do not have this problem. It should be a "setting" or something like that...

5

There is some Kind of transparent Frame on it when I see that right. Are you having any Gnome Extensions besides the Zorin One's installed and active? If yes, which ones.

6

This looks a lot to me like the CSD margins.

CSD's do not employ a Window Border the way the standardized windowing apps do. Without it, there is nothing for the user to resize the window with click and drag.
The workaround is to increase the invisible margin around the CSD window - usually to ten or twenty pixels, that the user then (unknowingly) is grabbing and dragging to resize the window frame (since there is no window frame to grab):

 .background.csd decoration {
     margin: 10px;
}

You could try adding some additional parameters using a custom gtk.css file placed in your ~/.config/gtk-3.0 and ~/.config/gtk-4.0 folders:

 .background.csd decoration {
     margin: 10px;
     border: 1px solid transparent;
}
7

As I said, I have the "Rounded Windows Corner" Extension that also show the real borders, yes. But the problem still here with or without it.

8

I created the file gtk.css with these parameters but it does nothing unfortunately :confused:.
Thanks for the suggestion tho. Should I contact the developers? Because it seems to me that Vscodium is on electron too and it doesn't have this problem.

9

Because Electron apps carry their own styling, it can conflict with the gtk theming of the system. Usually on Wayland.
You can check by using the command to launch the app while tacking on the flag on the end to force it to use X11: --ozone-platform=x11 (I suggest this since you say you must use Wayland and cannot log in on X11).
It was worth trying the custom gtk.css... and the apps can be launched with a flag to force use of the gtk system theming:
electron-app --enable-features=UseOzonePlatform --disable-features=WaylandWindowDecorations
Or, try placing the .css file in the folder for the app located in (replace APP-NAME with the actual foldername for the app so named) instead of in ~/.config/gtk-3.0. Try:
~/.config/APP-NAME
If only Electron apps are showing this behavior, I would begin by contacting the app developers.