Fix deformed hovercards avatar

closes #7656 fixes #6039

Fix deformed hovercards avatar
closes #7656 fixes #6039
53603917 · flaburgan · Benjamin Neff · fc33a2ac · 53603917 · 53603917
Unverified Commit 53603917 authored Nov 10, 2017 by flaburgan Committed by Benjamin Neff Dec 18, 2017
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 11 deletions

Changelog.md Changelog.md +1 -2

app/assets/stylesheets/hovercard.scss app/assets/stylesheets/hovercard.scss +3 -9

No files found.
--- a/Changelog.md
+++ b/Changelog.md
 # 0.7.2.0

-## Refactor
-
 ## Bug fixes
 * Ignore invalid `diaspora://` links [#7652](https://github.com/diaspora/diaspora/pull/7652)
+* Fix deformed avatar in hovercards [#7656](https://github.com/diaspora/diaspora/pull/7656)

 ## Features
 * Add birthday notifications [#7624](https://github.com/diaspora/diaspora/pull/7624)

--- a/app/assets/stylesheets/hovercard.scss
+++ b/app/assets/stylesheets/hovercard.scss
@@ -12,16 +12,10 @@
  font-size: small;

  .avatar {
-    position: relative;
    float: left;
-    height: 70px !important;
-    width: 70px !important;
-    top: 0 !important;
-
-    margin: {
-      right: 10px;
-      left: 0;
-    }
+    height: 70px;
+    object-fit: cover;
+    width: 70px;
  }

  $image_width: 80px; /* including margin */