elementary / elementary/settings-useraccounts

User photo and name text box are overlapping the sidebar at thin sizes

Open
#250 1 comment 2 reactions 0 assignees Claimed by @dwetscher View on GitHub
Priority: Low Status: Confirmed
Dominant language
Vala
Stars
15
Forks
16
PR merge metrics
No merged PRs in 30d

Description

### What Happened?

When I resize the user account window to a thinner size, the user hero image and the Gtk.Entry for the name overlap the sidebar like in the photo below.

![Image](https://github.com/user-attachments/assets/1dd78d5f-b9e4-485a-8b13-cdc7db6ff28f)

According to GtkInspector, this seems to be caused by this Gtk.CenterBox overflowing, because if I set the overflow property to `hidden`, the part of the widgets that go over the sidebar get hidden

![Image](https://github.com/user-attachments/assets/60508e96-6ae7-45a5-af48-88c510aef803)

### Steps to Reproduce

1. Open the user account page
2. Resize the window to the smallest allowed width

### Expected Behavior

User picture and text stay contained within the right side of the sidebar

### OS Version

8.x (Circe)

### Session Type

Secure Session (Wayland)

### Software Version

Latest release (I have run all updates)

### Log Output

```shell

```

### Hardware Info

OS: elementary OS 8 x86_64
Kernel: Linux 6.11.0-17-generic
Packages: 1674 (dpkg), 12 (flatpak-system), 10 (flatpak-user)
Shell: bash 5.2.21
Display (PA247CV): 1920x1080 @ 75 Hz in 24" [External]
DE: Pantheon
WM: gala (Wayland)
Theme: Yaru [GTK3], io.elementary.stylesheet.blueberry [GTK4]
Icons: Yaru [GTK3], elementary [GTK4]
Font: Inter (9pt) [GTK4]
Cursor: elementary
CPU: AMD Ryzen 7 3700X (16) @ 4.43 GHz
GPU: AMD Radeon RX 6800 [Discrete]
Memory: 6.05 GiB / 78.47 GiB (8%)
Swap: 0 B / 10.00 GiB (0%)
Disk (/): 12.53 GiB / 417.91 GiB (3%) - btrfs

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the overlap on the user account page at the smallest allowed window width, using the screenshots and GtkInspector observation as the initial guide. The issue is addressed by an open linked pull request, so compare that work with the expected behavior that the user picture and name text remain within the sidebar.

Written by the indexing model from the issue text.

Assessment

Domain
desktop
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.