We have moved to a new Sailfish OS Forum. Please start new discussions there.

Bug? Rounded cover corners [released]

asked 2014-03-18 12:19:15 +0300

FireFly gravatar image

updated 2014-07-24 14:01:50 +0300

eric gravatar image

Edit 2014-06-11: in the recent update this was mostly fixed, however some minor issues still remain so I've decided to re-open the issue.

The remaining problems (AFAICT) are:

  • in applications with cover actions that do not use the default glass-texture background (browser, media player when playing song, ...), the overlayed gradient in the cover-action doesn't take rounded corners into account,
  • when pulling a cover towards a cover action, the pulled cover also doesn't take corners into account (hard to explain, but pull e.g. browser cover slightly to the right and observe the cover corners).

The look of app covers changed in the recent update. The changelog mentions adding the "glass effect" to covers, but doesn't mention anything about the shape, and close inpection makes it seem like more of a bug than an intended effect. Therefore, I'm separating this into its own post.

Below are screenshots before/after the update, showing the change in looks of the app covers.

Tops of app-covers

Closeup of only corners

The difference is really prominent with the web-browser cover, I think. As you can see, it looks a bit buggy, as if the glass texture layer applies even to the corners when it's not supposed to, or some such. Hopefully this'll be fixed in the next update.

See also

edit retag flag offensive reopen delete

The question has been closed for the following reason "released in a software update" by molan
close date 2014-09-24 15:16:19.628787



Where I also noticed a quiet big difference at the corner and especially on the right side is the Android (VM) cover. The brighter the ambience (e.g. Baby flower), the better you see it.

torcida ( 2014-03-18 16:13:32 +0300 )edit

I may mentioned that this issue has been solved for the cover themselves, but not for the overlay that is applied under the cover action icons for some applications which may have covers with content that may make the action cover icons unreadable, like the web browser.

To see it, run the browser, go to the cover view, and notice that the cover itself is now rounded, but not the black overlay under the action icons.

Damien Caliste ( 2014-06-10 17:21:36 +0300 )edit

Yes, good eyes ;)

torcida ( 2014-06-10 17:33:06 +0300 )edit

You're right, good catch! Not as critical, but still a small visual bug. I'll re-open since it seems silly to create a new issue for that.

FireFly ( 2014-06-10 17:37:12 +0300 )edit

I agree, it's only a small visual issue, nothing important actually but nice to be corrected.

Damien Caliste ( 2014-06-11 10:25:48 +0300 )edit

1 Answer

Sort by » oldest newest most voted

answered 2014-06-11 14:35:22 +0300

FireFly gravatar image

I gave a try at fixing the cover-action-gradient visual bug remaining after the latest update (u7). Applying the diff below to /usr/share/lipstick-jolla-home-qt5/qml/SwitcherItem.qml should do it, but this solution is a bit hacky (technically the top-corners of the gradient rect also get rounded, but this is definitely not noticeable).

>                     radius: windowPixmap.radius - 1

Unfortunately, this leads to some jaggedness in the corner because of anti-aliasing (I think)–a better approach would be to clip the corners of the entire cover rather than each individual QML component touching the corners.

edit flag offensive delete publish link more

Question tools

1 follower


Asked: 2014-03-18 12:19:15 +0300

Seen: 676 times

Last updated: Jun 11 '14