Orange indicator dot is rendered over text in the app grid (with screen resolutions below FHD)

[keshavbhatt]

Description: Ubuntu Focal Fossa (development branch)
Release: 20.04

Bug: This bug is an UI which is blocking the text from visual sight of user and hence producing a bad User experience.

Steps to reproduce:

1- Click on 9 dots at bottom corner of dash (the app launcher button), wait for the app grid to show up.
2- Notice any app icon carefully and observe if it is showing up similar to what i have attached in the screenshot in this bug.

Things to notice:
(a) Bottom padding of icon selector (not equal to the top one).
(b) Position of the orange indicator which shows that an instance of app is running.

ProblemType: Bug
DistroRelease: Ubuntu 20.04
Package: gnome-shell 3.36.1-4ubuntu1
ProcVersionSignature: Ubuntu 5.4.0-21.25-generic 5.4.27
Uname: Linux 5.4.0-21-generic x86_64
NonfreeKernelModules: wl
ApportVersion: 2.20.11-0ubuntu26
Architecture: amd64
CasperMD5CheckResult: skip
CurrentDesktop: ubuntu:GNOME
Date: Sun Apr 12 12:28:41 2020
DisplayManager: gdm3
InstallationDate: Installed on 2020-04-11 (0 days ago)
InstallationMedia: Ubuntu 20.04 LTS "Focal Fossa" - Alpha amd64 (20200329)
RelatedPackageVersions: mutter-common 3.36.1-3ubuntu1
SourcePackage: gnome-shell
UpgradeStatus: No upgrade log present (probably fresh install)

[keshavbhatt (keshavnrj)]

Screenshot to understand the bug's point (b).

[Faisal almosbahi (fmosb)]

Related upstream Bug: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/2234

also (from the upstream bug report): "This issue happens on 1366x786 screen and not on 1920x1080".

[Steven Jay Cohen (stevenjaycohen)]

Confirming that this issue happens on my 1366x786 laptop screen but not my 1600 x 900 monitor.

[Steven Jay Cohen (stevenjaycohen)]

I'd like to suggest that you don't fix it by moving the dot but by replacing the dot with a treatment of the text (bold, underline, italics, color) because that fix would never break due to resolution.

[Daniel van Vugt (vanvugt)]

We don't do the design for it here. I suggest keeping the conversation upstream where those decisions are made:

https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/2234

[Steven Jay Cohen (stevenjaycohen)]

This could be fixed by a design choice in Yaru to style differently. Yes, you're right, for other themes the decision can be made upstream. But, the way CSS works, Yaru could have this fixed with a few lines of CSS.

[Daniel van Vugt (vanvugt)]

Yeah that's been done before but it's better to fix issues properly upstream in gnome-shell such that downstream themes don't run into them and don't have to work around them.

[Steven Jay Cohen (stevenjaycohen)]

Makes sense

[Steven Jay Cohen (stevenjaycohen)]

Commented upstream: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/2234#note_773177