Breaking changes in v1.8.0

[amnweb]

Hi all, quick note about a styling change in v1.8.0 that affects theme authors and custom configs.

All Widgets

I moved container padding out of the runtime config and into theme CSS. This is a change to how widget-level padding is applied: instead of setting container_padding in config, you now define the padding in your theme stylesheet.

Before (config) You might have had this in widget config:

container_padding: 
   top: 0
   left: 8
   bottom: 0
   right: 8

After (per-widget CSS) Move that into your theme CSS and scope it per widget:

.clock-widget .widget-container {
    padding: 0 8px 0 8px;
}

Migration steps

Open your theme's CSS (styles.css). For each widget that used container_padding, add a scoped rule.
Examples:
Clock: .clock-widget .widget-container { padding: 0 8px 0 8px; }
CPU: .cpu-widget .widget-container { padding: 4px 6px; }

Deprecated now in v1.8.0: container_padding is still accepted and will be removed in some future release, please migrate your themes at your convenience to avoid issues later.

Taskbar Widget

The taskbar widget has been completely rewritten. It now supports per-screen, per-workspace, and all-screens modes, correctly handles app flashing, and reliably loads UWP apps on startup (which caused problems before)
Overall performance is much improved and CPU usage is now very low or near zero. Because this is a major change, you may need to update your taskbar styles. Please read the Taskbar documentation to see the new options and examples, and to learn how to update your theme.

[thedzko]

For anybody looking for a quick fix if your taskbar icons are looking weird, just use this: .taskbar-widget .app-container .app-icon { padding: 0; }

If there is an easier solution, please share!

[amnweb]

There is no "solution", this is just how the widget works. Basically, .taskbar-widget .app-container holds the title and icons.

├── App1 Container 1 (QFrame) ->  .app-container
│   ├── Icon Label (QLabel)   ->  .app-icon
│   └── Title Label (QLabel)  ->  .app-title [if enabled]
├── App2 Container 2 (QFrame) 
│   ├── Icon Label (QLabel)
│   └── Title Label (QLabel) [if enabled]
└── ...

As you can see, it's very easy to style. It's best to remove all the old taskbar-related stuff in styles.css and just add the new one.

[thedzko]

Absolutely! My bad, on my end it was just a hidden .taskbar-widget .app-icon messing things up. 🥲

Great update, it's so nice to be able to drag and drop files using the taskbar widget now.