Gtk.Scale value wraps into two lines

[dar5hak]

What Happened

If the current value text of a GTK Scale exceeds a certain width, then the text wraps into two lines. Observe the value for Fingers:

For narrower text values like “31 min,” this does not occur.

I can work around this by doing this:

scale value {
    min-width: 40px;
}

But that’s a hack and probably a bad idea for internationalization.

Expected Behavior

Text should not wrap.

Steps to Reproduce

1. git clone git@github.com:elfenware/badger.git
2. Build it with meson using the instructions in the readme.

Logs

Visual bug.

Platform Information

Odin beta, with Badger compiled from the main branch. Display is 1366×768.

[dar5hak]

Update: I have pushed the workaround mentioned above, so if you clone Badger, make sure you comment this line.

[dajoha]

I had the same issue in a personal project, and found another workaround: using Unicode no-break spaces (U+00A0) instead of normal spaces to format the value, e.g. (Rust string format syntax): "31\u{00a0}min" instead of "31 min".

[dar5hak]

@yolenoyer Whoa, that's a great idea, and much cleaner than messing with CSS. I'll give it a shot. Thanks!