Support CSS text-align

[pedrocr]

For things like sway/window it would be nice to have CSS support for text-align to be able to adjust how the text is displayed in the bar.

[Alexays]

Atm text-align is not supported on gtk label, we need to wait a gtk update

[pedrocr]

Seems like gtk does that with something other than CSS:

https://developer.gnome.org/gtk3/stable/GtkLabel.html#gtk-label-set-justify

So maybe adding text-align is not in the plans.

[Alexays]

But for your case, why not simply move module to the left/right block?

[pedrocr]

The module is in the left block. But the actual text of the window title is centered and I wanted to make it left aligned. It's not too bad this way either, just a tweak to see if it felt better.

[Alexays]

Can you share me a screenshot?
Window title module width must not be larger than the text size

[pedrocr]

Sure, here it is:

Config is:

    "modules-left": ["sway/workspaces", "sway/window"],
    "modules-center": [],
    "modules-right": ["cpu", "memory", "temperature", "pulseaudio", "backlight", "network", "battery", "tray", 

I can add some CSS coloring on sway/window if that helps diagnose it.

[Alexays]

Fixed with 3c9b533

[pedrocr]

Thanks. Just tested it. Now it's left aligned when put in modules-left and centered in the total bar when in modules-center, so seems to be working as intended. The previous behavior was actually not horrible though. It centered the window title in the space between left and right modules.

[krnl0138]

@pedrocr @Alexays Really sorry, but is it possible to get back to the previous state with centered and filled module between two others? Or to toggle between those options?

[MyNameIsCosmo]

Would using GtkJustification to get text-align: [left,center,right] be a course of action?

I'd be happy to start a PR implementing this if it would be accepted.

[Alexays]

@MyNameIsCosmo You can implement a justification for Label modules. it'll be a great improvement :)

[MatthiasGrandl]

So is there anything like this implemented? On a vertical bar, this would be very handy, as thing will look very messy if everything is left aligned.

[flipflop133]

Is there any progress on this? Doesn't GTK 4 fix the problem?
As you can see on the screenshot below, not having an align-center property makes things look quite ugly in this particular situation, isn't there any temporary workaround?

EDIT: as a temporary workaround I just removed the extra space between minutes and the AM/PM.

[Cornelius-Figgle]

same problem as @flipflop133, need to be able to center the text in the network module (specifically the signal strength, but ideally the whole module so it also applies to the Ethernet versions of this)

Any updates on how to do this?

[Runeword]

Same problem with any module.

[2hexed]

Hello, is there any workaround for this I can use?

[John-Dennehy]

Same alignment issue as others when using a vertical bar.

On a separate but related topic; is there somewhere I can find which css attributes do/not work? As far as I can see there is no mention of this in the styling wiki, so have lost days trying to get css working as expected (web dev by trade, but novice with linux).

[flipflop133]

Same alignment issue as others when using a vertical bar.

On a separate but related topic; is there somewhere I can find which css attributes do/not work? As far as I can see there is no mention of this in the styling wiki, so have lost days trying to get css working as expected (web dev by trade, but novice with linux).

afaik, waybar is using gtk 3 css, so you can look here.