diff options
author | call-me-matt <nextcloud@matthiasheinisch.de> | 2020-05-25 22:27:27 +0200 |
---|---|---|
committer | call-me-matt <nextcloud@matthiasheinisch.de> | 2020-07-29 08:15:47 +0200 |
commit | e6a11990120b73eed051de5f8a89647923f2656d (patch) | |
tree | 41f7b0600418cded23cc9dfaee189339645a0c54 /css/ContactDetailsAvatar.scss | |
parent | d66fc3e17cc299d7ff51b2f5af84595961ee718b (diff) |
show image options button on avatar
Signed-off-by: call-me-matt <nextcloud@matthiasheinisch.de>
Diffstat (limited to 'css/ContactDetailsAvatar.scss')
-rw-r--r-- | css/ContactDetailsAvatar.scss | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/css/ContactDetailsAvatar.scss b/css/ContactDetailsAvatar.scss index e1523e62..def6b5d9 100644 --- a/css/ContactDetailsAvatar.scss +++ b/css/ContactDetailsAvatar.scss @@ -57,6 +57,9 @@ background-size: cover; // White background for avatars with transparency, also in dark theme background-color: #fff; + &:hover + .contact-avatar-options__popovermenubtn { + opacity: .25; + } } &__options { position: absolute; @@ -68,7 +71,6 @@ display: block; width: 100%; height: 100%; - opacity: .5; background-color: rgba(0, 0, 0, .2); &:hover, &:active, @@ -78,6 +80,24 @@ &__popovermenu { // center margin: calc((100% - 44px) / 2); + } + &__popovermenubtn { + height: 45px; + width: 45px; + border-radius: 50%; + z-index: 11; + background: rgba(0, 0, 0, .2); + opacity: 0; + &:hover, + &:active, + &:focus { + opacity: 1; + } + // bottom right + margin: calc((100% + 5px) / 2); + } + &__popovermenu, + &__popovermenubtn { & .action-item__menutoggle { // hide three dot menu, in favour of icon-picture-force-white z-index: -1; |