diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-03-29 10:55:41 +0100 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-03-29 10:55:41 +0100 |
| commit | 5953f4cf4e27172daae71384b346d683765624fe (patch) | |
| tree | 8d26bf226ce1d6c366e349363def9a0085de1554 /css | |
| parent | 80ea98fdab10d08b3d31d3b00129cb49512b24fe (diff) | |
Properly align and display image in modal
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'css')
| -rw-r--r-- | css/ContactDetailsAvatar.scss | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/css/ContactDetailsAvatar.scss b/css/ContactDetailsAvatar.scss index 939d7ce9..3f1dd3bf 100644 --- a/css/ContactDetailsAvatar.scss +++ b/css/ContactDetailsAvatar.scss @@ -84,9 +84,16 @@ } } -.contact-header-modal__photo { +.contact-header-modal { .modal-container { - display: flex; + display: flex !important; + align-items: center; + justify-content: center; + .contact-header-modal__photo { + // animate zooming/resize + transition: height 100ms ease, + width 100ms ease; + } } } |