Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Notifications from Chromium-based browsers are missing images when set to appear at the bottom of the screen. #12613

Open
AchillesBoi opened this issue Jan 7, 2025 · 2 comments · May be fixed by #12623
Labels

Comments

@AchillesBoi
Copy link

AchillesBoi commented Jan 7, 2025

Distribution

Mint 22.1 Beta
(happens on older releases as well)

Package version

Cinnamon 6.4.4
(happens on older versions as well)

Frequency

Always

Bug description

When notifications are configured to appear at the bottom of the screen, any notifications received from Chromium-based browsers (like Vivaldi) that should contain an image, will not display it.

image

However, if two notifications that contain an image are sent in quick succession, the first notification will lack the image, while the second one will display it.

image

Steps to reproduce

  1. Set notifications to be displayed at the bottom of the screen
  2. Use any Chromium-based browser
  3. Get a notification that should contain an image, through the browser
  4. Observe the lack of image in the notification banner

Expected behavior

Notifications should consistently display an image if one is included, regardless of whether they appear at the top or bottom of the screen. Currently, this issue only affects notifications displayed at the bottom.

Additional information

The missing image bug occurs on older Mint releases as well, so it’s not exclusive to Mint 22.1 Beta. The oldest version I tested was Mint 21.1, but it may affect even earlier releases. Interestingly, I don’t recall encountering this issue on Mint 21.1 in the past. This could be because I primarily used Firefox and didn’t notice it, or perhaps newer Chromium builds are partially contributing to this bug rather than it being solely a Cinnamon issue.

In addition to the bug, I think notifications for Chromium-based browsers look awful even when they work properly. The image, when not affected by the bug, is displayed at a gigantic size making the notification unnecessarily big:

image

Unfortunately, Chromium-based browser notifications have looked this way in Cinnamon for years, and now they don’t even display images at all due to the bug. In contrast, Firefox has consistently offered a sleek and uncluttered notification banner:

image

Ideally, notifications from Chromium-based browsers should align visually with other browser or app notifications on the system. Currently, they appear out of place due to the disproportionate image size. This inconsistency is particularly striking because, on other platforms, notifications from Firefox and Chromium-based browsers tend to maintain a more uniform design:

GNOME
image
image

KDE Plasma
image
image

While of course fixing the bug would be great, it would also be much appreciated if Firefox and Chromium-based browser notifications were more visually consistent with each other like they are on other platforms.

Here's a mockup of what I think would be the ideal look for Firefox and Chromium-based browser notifications on Cinnamon:

400606490-172d7788-f407-41bb-a1dc-04a3f20e2f64
400592672-959ec7b7-619a-438e-bc86-060568736b00

On a related note, it would be fantastic to have the ability to close notifications with a middle mouse click anywhere on the banner, similar to how it works on Windows. If this could be implemented, it would also be greatly appreciated. Thank you!

@AchillesBoi AchillesBoi added the BUG label Jan 7, 2025
@AchillesBoi AchillesBoi changed the title Notifications from Chromium-based web browsers are missing icon/profile image when set to appear on the bottom of the screen. Notifications from Chromium-based web browsers are missing images when set to appear on the bottom of the screen. Jan 7, 2025
@AchillesBoi AchillesBoi changed the title Notifications from Chromium-based web browsers are missing images when set to appear on the bottom of the screen. Notifications from Chromium-based browsers are missing images when set to appear on the bottom of the screen. Jan 7, 2025
@AchillesBoi AchillesBoi changed the title Notifications from Chromium-based browsers are missing images when set to appear on the bottom of the screen. Notifications from Chromium-based browsers are missing images when set to appear at the bottom of the screen. Jan 7, 2025
@AchillesBoi
Copy link
Author

AchillesBoi commented Jan 11, 2025

@clefebvre Any thoughts on this?

I'm interested in Cinnamon's UI design but have never contributed to any distro before. If you like my mockup but no one in your team is currently available to take it on, perhaps I can give it a shot myself. I would just need to know where to start. I have a lot more ideas but started with this one because of the bug.

Thank you.

@fredcw
Copy link
Contributor

fredcw commented Jan 11, 2025

@AchillesBoi Unfortunately it's not just about the design because it's all done in code: https://github.com/linuxmint/cinnamon/blob/master/js/ui/messageTray.js

The image size seems to be matched to the height of the text content, which in cinnamon's case includes the settings button.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
2 participants