Bug 364461 - [SDDM] Adjust Border on Avatar Pictures
Summary: [SDDM] Adjust Border on Avatar Pictures
Status: RESOLVED FIXED
Alias: None
Product: plasmashell
Classification: Plasma
Component: Theme - Breeze (show other bugs)
Version: master
Platform: Other Linux
: NOR normal
Target Milestone: 1.0
Assignee: visual-design
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-06-18 14:47 UTC by Philipp Stefan
Modified: 2020-01-12 23:17 UTC (History)
2 users (show)

See Also:
Latest Commit:
Version Fixed In:
Sentry Crash Report:


Attachments
AvatarBorder that can be used as overlay (3.34 KB, image/svg+xml)
2016-06-18 14:48 UTC, Philipp Stefan
Details
Graphical explanation of the double border (41.29 KB, image/png)
2016-06-18 14:48 UTC, Philipp Stefan
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Philipp Stefan 2016-06-18 14:47:06 UTC
This https://community.kde.org/File:Blueprint.png design document we made contains an error :re the border of the Avatar icons. It makes it looks like the border around the images are supposed to be 2px thick pastel blue. That was an error on my part, I am deeply sorry.

The avatar bubble with the border is supposed to be 130px by 130px, not 132px by 132px.
The border is made up of two parts. A 1px thick 128px by 128px circle on top of the 128px avatar picture. This circle is supposed to to have a gradient starting in the top left, going to the bottom right (45%). Gradient start (top left) should use 100% white and 60% opacity, gradient stop should use 100% white and 0% opacity.

Then there's another 1px thick 130px by 130px ring. Ideally it should be 40% darker than the average colour of the avatar picture, at 60% opacity. Alternatively, it that is not possible it should use 40% black and 40% opacity.

If all this ring business is too complicated for QML one can overlay the picture found in the attachment.

Reproducible: Always
Comment 1 Philipp Stefan 2016-06-18 14:48:00 UTC
Created attachment 99569 [details]
AvatarBorder that can be used as overlay
Comment 2 Philipp Stefan 2016-06-18 14:48:42 UTC
Created attachment 99570 [details]
Graphical explanation of the double border
Comment 3 Nate Graham 2020-01-12 23:17:07 UTC
Looks fine today.