Taskbar module questions

[bluebyt]

I just tried the taskbar module.
When I set this to icon, "format": "{icon}", this work
I tried "format": "{title}" or "{app_id}" but the taskbar doesn't appeared.

Also how to define the style.css?
I added this but it has no effect on waybar.
#taskbar
#taskbar button
#taskbar button.maximized
#taskbar button.minimized
#taskbar button.active
#taskbar button.fullscreen

Ok I will wait until the wiki has been updated you close this If you want, by the way I been using the taskbar module since 4 days now and it working well! here my config:
"wlr/taskbar": {
"format": "{icon}",
"tooltip-format": "{title}",
"on-click": "activate",
"all-outputs": false,
"active-first": true,
"icon-size": 32,
"icon-theme" : "Obsidian",
"on-click-right": "minimize"

[AGCaesar]

Did you do or install anything special for this to work with sway? It cant get it to work with my setup. Can you show a screenshot of how it looks? :)

[bluebyt]

Did you install the latest version? (5 days ago)
By the way I use Wayfire.
Screenshot: https://ibb.co/nLSF7FL
You have to edit the config and style.css file as following:
config
"wlr/taskbar": {
"format": "{icon}",
"tooltip-format": "{title}",
"on-click": "activate",
"all-outputs": false,
"active-first": true,
"icon-size": 32,
"icon-theme" : "Obsidian",
"on-click-right": "minimize"
},

style.css
#taskbar,

[AGCaesar]

Thanks for the help. I usw waybar-git on archlinux and it should ne the latest version...
My config is this: https://pastebin.com/KvgQRc2h
But it still does not show any taskbar. Is it my fault or does it not work on sway? Any other hints? :)

[Alexays]

@AGCaesar Sway doesn't support toplevel manager ATM
swaywm/sway#4476

[AGCaesar]

@Alexays Thank you, I did not realize this. Thems like they are working on it but work has stopped for quite some time...

[AGCaesar]

Let's see if swaywm/sway#5477 fixes this :)

[l3nkz]

Hi, there seems to be a bug with the format option. I will have a look into this.

Did you already figure out how the styling works? It uses the same approach as the sway/workspaces module. With
#taskbar you can style the whole taskbar module, with #taskbar button you can style the individual elements for the windows (toplevels) and the four substyles (#taskbar button.{active,fullscreen,maximized,minimized}) can be used to add additional styling when the window (toplevel) has the corresponding state.

My config for example looks like this:
config

"wlr/taskbar": {
    "icon-theme": "Numix-Circle",
    "icon-size": 12,
    "on-click": "activate",
    "on-click-right": "minimize",
    "format": "{icon}"
},

style.css

#taskbar {
    border-radius: 0px 8px 8px 0;
    padding: 0 3px;
    margin: 0 0px;
    color: #ffffff;
    background-color: rgba(120,118,117,0.3);
}
#taskbar button {
    border-radius: 3px 3px 3px 3px;
    padding: 0 0 0 3px;
    margin: 3px 1;
    color: #ffffff;
    background-color: rgba(120,118,117,0.1);
}
#taskbar button.active {
    background-color: rgba(120,118,117,0.8);
}

[AGCaesar]

I gave it a short try with a fresh sway build and it seems to work well!
Thank you al lot!

[bluebyt]

Thanks l3nkz! with your style.css yes I can understand easily now!