Round corners

[stsdc]

I don't know if this is a limitation of Gtk3 or Cairo, but I'm unable to create proper round corners with border.

As You can see on screenshot it is not properly cropped. 😕

Alain managed to create round corners, but it was only possible when paddings were added.

[lcallarec]

Yes, AFAIK it's a common issue with most gtk widgets.

You could try this :

• Remove the chart's background : https://github.com/stsdc/monitor/blob/master/src/Widgets/Chart/Chart.vala#L30
• Hide the whole background with live_chart.background.visible = false
• Set the white background color with CSS in your .graph class
• Remove the paddings

But this solution has a drawback : chart's lines will still overflow the corners if they cross... But maybe it's gona be good enough for your case ?

If it's not, I'll fix that in LiveChart itself...

[stsdc]

Yeah, it works. But line overlaps a border line:( I presume grid will too.

[stsdc]

Here it is almost perfect:

[lcallarec]

Do you consider that's good enough and nothing should be done on livechart side ?

[stsdc]

I mean, this is more like a wish 😅

it would be nice to have the line cropped. If the line will be thicker bad cropping will be more noticeable.

If you will consider this out of scope because it should be supported by Gtk or Cairo, I'll understand.

[lcallarec]

I'll take a look about adding rounded corners, but not sure it's gonna work...

[stsdc]

This may be related. I see round corners on a screenshot 👀.

[lcallarec]

Hi! @stsdc ! Just for information, I'll have some free time to work on this issue in the next weeks. Stay tuned :)

[stsdc]

Yay! ☺️

Just FYI, There are rumors that overflow issues might be fixed in GTK4. I don't know if that's the case for a cairo based widget, tho.

[stsdc]

So, GTK4 didn't fix the issue.
Maybe this solution will be handy: https://github.com/ensemblesaw/ens-shell-gtk/blob/layout/src/Classes/Widgets/Display/EqualizerBar.vala#L58