diff options
Diffstat (limited to 'css')
-rw-r--r-- | css/public/style.css | 42 |
1 files changed, 32 insertions, 10 deletions
diff --git a/css/public/style.css b/css/public/style.css index 1832412b..5554d06c 100644 --- a/css/public/style.css +++ b/css/public/style.css @@ -86,32 +86,54 @@ opacity: .7 } -.contactdetails__header .contactdetails__logo { +avatar { + position: relative; height: 75px; width: 75px; - object-fit: cover; - background-color: transparent; + border-radius: 50%; + overflow: hidden; flex-shrink: 0; - margin: 0; } -.contactdetails__header .contactdetails__logo.contact__icon { - background-color: transparent; - height: 75px; - width: 75px; + +.avatar-upload { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + + background-color: rgba(0,0,0,0.2); font-size: 2.5em; line-height: 75px; + + display: none; + } -.contactdetails__header .contactdetails__logo.contact__icon > span { + +.avatar-upload > .icon-upload-white { display: block; width: 100%; height: 100%; opacity: 0.5; cursor: pointer; } -.contactdetails__header .contactdetails__logo.contact__icon:hover > span { +.avatar-upload:hover > .icon-upload-white { opacity: 0.7; } +avatar:hover .avatar-upload, +avatar.avatar--missing .avatar-upload { + display: block; +} + +.contactdetails__logo { + height: 75px; + width: 75px; + object-fit: cover; + background-color: transparent; + margin: 0; +} + #check-all + label:before { position: absolute; top: 18px; |