Black borders around windows and dialog boxes

[bfsgr]

Describe the bug When running the app under i3wm/Compton there's big black borders all around the window. The issue seems to be related with i3wm since disabling compton has no effect.

To Reproduce Steps to reproduce the behavior:

1. Open the app while using i3wm

Expected behavior Not to have these borders

Screenshots

Desktop

• Fedora 31
• i3wm 4.18

Additional context I tried to fix this by adding

.window-frame {
     box-shadow: none;
     margin: 0
}

to ~/.config/gtk-3.0/gtk.css but it didn't work. If I open the app with GTK_DEBUG=interactive and choose another theme besides elementary the problem seems to go away, so maybe the problem is there.

[Hanouta]

I have the same issue when using awesomewm. But it happens only when the window is not set to maximized. EDIT: Also happens when using Openbox, bspwm or Dwm.

[PaxSov]

I am having the same problem but it goes away when I switch it to fullscreen in bspwm, if I do this I cannot see everything because my polybars are blocking it. 2020-04-07-200103_1920x1080_scrot edit: the problem also goes away when I use the fullscreen button in the app. This issue still needs fixing. I am using the aur package.

[wax911]

Can confirm that same issue also exists on Kbuntu 18.04

[ricardoseriani]

Same issue here, on i3wm 4.17.1

[faelana]

Same here, KDE.

[gokberkakdeniz]

Same issue on XFCE 4.14.

[gokberkakdeniz]

I found its fix. https://github.com/alainm23/planner/issues/303

[bfsgr]

Confirmed that the fix found in #303 works in Fedora 31 with i3wm in Planner 2.3.

It seems that the problem is in elementary theme, although I think this should be a concern of Planner, since it most definitely is going to keep users away, so if this css tweak can be added to the source code it should. I'm gonna wait feedback before closing this issue.

Solution:

Add the following code to your ~/.config/gtk-3.0/gtk.css

window decoration {
    box-shadow: none;
    margin: 1px;
}

[rolodoom]

Can confirm that same issue also exists on Kubuntu 19.10 using official app from flathub. Only when window is not maximized.

[alainm23]

Yes, the error only happens in KDE, for some reason KDE cannot draw a CSS box-shadow correctly, I have a solution for this but I still want to investigate further.

[ankitson]

I'm using PopOS with regolith/i3wm and still see the same issue, even with the gtk.css patch mentioned in #303 .

EDIT: It displays correctly if I force the theme to Adwaita before launch (and the gtk.css patch is not needed):

flatpak --env="GTK_THEME=Adwaita" run com.github.alainm23.planner

EDIT2: Running with Adwaita breaks other parts though:

^ Adwaita

^ elementary

[Domesdos]

Same issue on Qtile using the elementary-planner-git AUR package as of today. The mentioned gtk.css fix works.

[gregflynn]

workaround doesn't work if you installed via flatpak. @alainm23 any chance you can push the update you tested out here? https://github.com/alainm23/planner/issues/303#issuecomment-614316932

[volker-schukai]

Same issue on debian buster with i3wm (flatpak)

[alainm23]

Unfortunately this is a bug in the elementary OS stylesheet that other applications like Akira also suffer from. It's unlikely we will fix it here.

We can reopen if elementary refuses the issue.

elementary/stylesheet#843

[omega3]

I still have this issue with label view in Plasma 5 https://i.imgur.com/8Qouv8C.png

When there is no task in this view the window look normal. As soon as I add tasks it gets a black frame.

The work around doesn't work for me. Installation from AUR on Manjaro.

[jerry-ne]

Please, reopen this issue. It is not about KDE or elementary OS, I am running LXQt on Lubuntu 20.04.1 LTS (no i3 wm) and same bug with black borders. Installed via flatpak. Workarounds does not work.

[almandin]

Same problem with Manjaro/i3, the workaround fixes the black borders for the main window but not for other secondary windows, especially when using the feature to open a secondary window to get a kind of memo.

[Flare183]

Having the same issue on Xubuntu using both Compiz Fusion and XFWM4.

[xxyangyoulin]

I still have this issue on bspwm.

[BeatLink]

Okay, seeing as this issue has been reported numerous times (#303, #353, #440 and #495) we should definitely reopen this issue.

[Bykow]

Any update on this issue ?

[3nt3]

Bump

[JezerM]

The provided workaround doesn't work with Flatpak if set inside ~/.config/gtk-3.0/gtk.css, however it does work if it's inside your app config directory: ~/.var/app/com.github.alainm23.planner/config/gtk-3.0/gtk.css