Weird alignment glitch in gnome search

[Sebastian0100]

This is proabably specific for my system, but when I search "ca" the search results keep changing their positions. This does not happen with the default adwaita theme, but with the Nordic and Nordic-v40 themes. This might be some alignment issue, but I really have no idea. It's not that bad anyway, but a bug nonetheless.

Systemdetailsbericht

---

Berichtdetails

• Erstellungsdatum: 2024-09-07 23:03:52

Hardware-Informationen:

• Hardware-Modell: ASUS ROG STRIX B650-A GAMING WIFI
• Speicher: 32,0 GiB
• Prozessor: AMD Ryzen™ 5 7600X × 12
• Grafik: AMD Radeon™ RX 6700 XT
• Grafik 1: AMD Radeon™ Graphics
• Festplattenkapazität: (null)

Software-Informationen:

• Firmware-Version: 2613
• Name des Betriebssystems: Fedora Linux 40 (Workstation Edition)
• Betriebssystem-Build: (null)
• Betriebssystem-Typ: 64-bit
• GNOME-Version: 46
• Fenstermanager: Wayland
• Kernel-Version: Linux 6.10.7-200.fc40.x86_64

Bildschirmaufzeichnung.vom.2024-09-07.22-30-09.mp4

[EliverLara]

Hi, Are you using the Nordic shell theme? because the colors in your video doesn't seem to match the theme's color

[Sebastian0100]

Here is the output of fastfetch:

OS: Fedora Linux 40 (Workstation Edition) x86_64
Kernel: Linux 6.10.7-200.fc40.x86_64
Packages: 3997 (rpm), 10 (flatpak)
Shell: fish 3.7.0
DE: GNOME 46.4
WM: Mutter (Wayland)
WM Theme: Nordic-v40
Theme: Nordic-v40 [GTK2/3/4]
Icons: Nordzy-dark [GTK2/3/4]
Font: Roboto (11pt) [GTK2/3/4]
Cursor: Bibata-Modern-Ice (24px)
Terminal: alacritty 0.13.2
Terminal Font: alacritty (14pt)
CPU: AMD Ryzen 5 7600X (12) @ 5.45 GHz
GPU 1: AMD Radeon RX 6700 XT [Discrete]
GPU 2: AMD Raphael [Integrated]
Memory: 3.35 GiB / 30.56 GiB (11%)
Swap: 0 B / 8.00 GiB (0%)
Disk (/): 655.25 GiB / 929.93 GiB (70%) - btrfs
Locale: de_DE.UTF-8

It says that the theme is Nordic-v40. This is also what i selected in the gnome-tweaks. The glitch also happens when I select the normal Nordic shell theme and also with the White-Sur Light theme. So I don't know if both of those themes have something in common that could be the cause for the bug or if the problem lays somewhere else.

The bug does not happen with the default Adwaita theme and it also does not happen with the Flat-Remix-Blue-Dark theme.

Here is how the result looks under the Adwaita theme:

[EliverLara]

The theme in your recording looks a little bit different from the Nordic colors(I'm also using fedora 40 with gnome 46.4):

Grabacion.de.pantalla.desde.2024-09-09.13-07-59.mp4

Are you using the latest version published in gnomne-look?

[Sebastian0100]

I think the reason why it looks different is because I use blur my shell. But before you ask, the bug still happens if I deactivate all other extensions and does only stop happening if I change the shell theme.

I downloaded the nordic theme from gnomne-look again yesterday and reinstalled it to check if the bug would be gone after that, but the bug remains.

Another interesting thing is that sometimes the bug seems not to happen but instead the following happens:

Bildschirmaufzeichnung.vom.2024-09-09.21-30-15.mp4

As you can see the foto-app is not found and instead I have a weird black line at the right, but the glitch does not happen in this instance. The glitch randomly appears again after repeating the search a couple of times.

[EliverLara]

Could you please help me and test if commenting/deleting from line 1343 to 1384 in the file Nordic/gnome-shell/gnome-shell.css fixes the issue? please, since I am not able to reproduce the issue. If you do it please make sure to change the gnome-shell theme to another one and then set it again to Nordic (using gnome-tweaks)

[Sebastian0100]

I tried that, but that did not resolve the issue. After that I tried to remove the other sections that change the .grid-search-result class. Removing lines 1470 - 1475 fixed the problem somewhat.

I removed those lines:

.app-well-app > .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label {
padding: 10px 8px 5px 8px;
spacing: 4px; }

The only problem remaining is that there still is the weird black line to the right of the search results:

Bildschirmaufzeichnung.vom.2024-09-10.10-21-55.mp4

I also noticed that changing the border at line 1350 from "none" to "solid 2px transparent" also resolves the glitch and there is also no black line at the right anymore. But I am not sure if this is really a good solution for this problem, because there might now be other searches that lead to this weird glitch and the behaviour does still differ from the normal adwaita theme, because the search result does not directly contain the camera but if I search with the adwaita theme active it does. Edit: Definitely not a fix as it leads to other weird behaviour especially with the dash to panel extension and animations for hovering over app-icons.

Result with border solid 2px transparent:

Bildschirmaufzeichnung.vom.2024-09-10.10-28-16.mp4

[EliverLara]

The only problem remaining is that there still is the weird black line to the right of the search results:

That line is not an indicator of horizontal scroll?

I also noticed that changing the border at line 1350 from "none" to "solid 2px transparent" also resolves the glitch

I think the existence of that border is the main issue since borders had caused others glitches before e.g EliverLara/Otis@d5cb442 and EliverLara/Otis@dbe3bd7 in the Otis theme so it would be great if you could help me and completely remove the border property in lines 1350, 1369 and 1402 and see if that fixes the issue, please?